Fonts:
Fonts and tools to check your fonts.


Local Font

  • Posted By: Jason Taetsch
  • ...

The wonderful world of fonts has truly turned the world wide web into a much more visually appealing place. The widespread use of fancy display fonts does come with a view downsides however, largely on the performance end. The localFont tool created by Jamie Caballero uses local storage functions to store the CSS for @font-face declarations.  The tool saves the font files as part of the CSS file allowing them to be accessed much faster than typical caching techniques. Browser support for the caching goes back to IE 8+ so you can feel comfortable using it on sites that don’t require legacy support.

localfont

WYSIHTML Editor

  • Posted By: Jason Taetsch
  • ...

WYSIWYG or What-You-See-Is-What-You-Get editors turn the task of creating content for the web out of the hands of professionals and hand it over to everyday computer users. These editors mimic how the entered content will display on the front-end of a website without the use of HTML attributes and tags as well as styling. The WYSIHTML editor is an open source project created by the team at Voog and is compatible with modern mobile devices as well as modern browsers up to IE8. It makes use of the latest HTML5 features to deliver a fast and lightweight experience without the the use of iframes or the use of external libraries like jQuery.

WYSeditor

Adobe Edge Free Web Fonts

  • Posted By: Jason Taetsch
  • ...

Fonts can add a touch of personality, class and style to a webpage, however browser restrictions limit which fonts can be natively displayed to a visitor. The is a free interface that gives designers access to a huge library of free fonts that can be quickly implemented on any page. The tool is a part of an open source Edge Tools & Services application from Adobe. All designers have to do is to add a JavaScript tag to the <head> section of page and include the necessary CSS font-family names in the stylesheet to begin using the dynamic fonts.

Identify Font of Any Page

  • Posted By: RankRaiser
  • ...

You see the perfect font on a website or in print and you’d like to know what it’s called. How can you identify that font without having to browse through hundreds of fonts? At identifont.com you can identify your font by answering a few questions about its characteristics like serifs, position of the upper-case ‘Q’ tail, the centre vertex of the upper-case ‘M’ and so on.

At every step through the questionnaire it gives you popular fonts that match the given characteristics. We’ve tried it with some popular fonts and it was right on. When you have less common fonts it seems that the tool gives you more accurate answers if you skip a question here and there. You can also search for fonts alphabetically, by similarity or picture, or by designer or publisher.

 

identify a font tool

Hundreds of Free, Open-Source Web Fonts

  • Posted By: RankRaiser
  • ...

Google has launched a web fonts site that lets you browse through hundreds of free, open source fonts that are optimized for the web. You simply pick the fonts you like, review them used with actual text (no lorem ipsum), then click the ‘use’ button. You can choose from plain, bold, italic and see the impact on page load time and then download the fonts, or simply add a snippet of code to the header of your website to refer directly to the font.

 

web fonts