Tag Archives: Preview

Introducing FontShop WebFonter

webfonter_1Designers can now test out the thousands of webfonts from FontShop.com on existing websites, free of charge. FontShop International is pleased to introduce its WebFonter tool available at webfonter.FontShop.com.

Aiming to make the web design process as seamless as possible, WebFonter allows designers to “try before they buy,” by previewing actual typefaces in any existing site. The tool can be used as a Chrome extension, browser bookmarklet or by entering a URL directly at webfonter.fontshop.com.

webfonter_2

 

Users can replace headline or body (paragraph) text, specific fonts, or, using custom CSS selectors, anything they want with FontShop webfonts.

WebFonter can be used during the design and development process –  a critical time for font choice. The target website does not need to be publicly accessible in order to test-drive webfonts. This hugely important feature marries well with the current web design trend towards designing directly in the browser, and makes WebFonter an extremely useful and powerful tool.

By pairing Webfonter with the FontShop Plugin, designers can now easily preview fonts in the concept stage of design from print to web.

 

Buyer’s Guide: FontShop Plugin Gems

Did you download the FontShop Plugin yet? Well here are some tips to help you use it in Adobe Photoshop CS5. I’ll go over two features to assist you in finding similar fonts and how you can use tags to help you compare typefaces in a single document.

First choose a typeface, for this example I’ve picked FF Tisa OT Bold Italic. Then click on the find similar icon which is highlighted in the image below.

You should get a list of similar fonts.

Add tags to the typefaces that you want to try out. If you want to string a few words together then use an underscore instead of spaces like in my example.

I know it’s hard to choose just one, but tagging multiples is as easy as clicking a few buttons.

Now you have a mini collection of similar fonts tagged in your Favorites section.

Once you’re ready to use the fonts then you can click on the tag and you’ll see a list that you can use to create multiple preview layers within a single document.

Please note that every time you create a preview, the visible text layer is turned off. So just turn on the text layer you want on to create a new preview layer. All preview layers are labeled with the name of the typeface that is being rendered.

Wasn’t that super easy? This plugin is amazing!

Follow

Get every new post delivered to your Inbox.

Join 61,757 other followers