Nice Web Type

Nice Web Type is one place for web typography, following experiments, advancements, and best practices in typesetting web text. Handcrafted by Tim Brown, Type Manager for Adobe Typekit.

Bulletproof smiley @font-face syntax

Paul Irish made a small but important change to his recommended cross-browser, cross-platform @font-face syntax. To avoid a few different problems, Paul explains (scroll to “And.. regarding @font-face syntax”), we should use a smiley face character instead of references to local copies of fonts. From Paul:

Yes, it’s a smiley face. The OpenType spec indicates any two-byte unicode characters won’t work in a font name on Mac at all, so that lessens the likelihood that someone actually released a font with such a name.

Syntax at How to use CSS @font-face has been updated. And folks using the Font Squirrel generator are already using this updated syntax — the folks at Font Squirrel adopted Paul’s smiley syntax a while ago.

3 comments

  1. Fabio 10 Sep 2010

    hy, send the newest sintax you have, please, thankyou

  2. Rapid Prototyping 24 Jan 2011

    It is really a great thing introduced by Paul. I am using Font squirrel generator, hence it was not that new for me. But what ever, it is really good experience to apply it. Using updated syntax give a better option to work with. It is good to used smiley face characters instead of references to local copies of fonts. I really loved this site for such wonderful information and hope will learn much more from here in future too.

  3. white spots on skin 7 Feb 2011

    Really enjoyed reading the blog.white spots on skin

Twitter: @nicewebtype
Dribbble: timbrown

Combining Typefaces

 

I wrote a small book about combining typefaces. Buy it for less than the cost of a fancy beverage.