Welcome to WebmasterWorld Guest from 54.196.208.6

Forum Moderators: not2easy

Message Too Old, No Replies

@font-face Question

Do I need to embed all styles of the font?

     
9:01 pm on Jan 30, 2012 (gmt 0)

Junior Member

5+ Year Member

joined:Mar 25, 2006
posts:51
votes: 0


I'm experimenting with @font-face CSS and I'm wondering if I need to embed all different styles of a font (bold, italic, bold italic) in order for all instances of them to work.

For instance, if I embed a font named coolfont.eot on my site and then use it with <em> and/or <strong> tags, will I also need to embed coolfontitalic.eot, coolfontbold.eot and coolfontbolditalic.eot? Or will just the basic version be sufficient?
11:23 pm on Jan 30, 2012 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

joined:Apr 9, 2011
posts:12702
votes: 244


General principle for all browsers: If the html calls for a variant such as <i>, and the current font doesn't come with the variant, the browser will automatically generate one. (Or, horrible alternative, it will go to the nearest available sans-serif font and use that instead.) This is generally OK for boldface, but questionable for italics. In most font families-- especially serif fonts-- the italic version isn't simply slanted. It uses different letterforms.

Anyway, font embedding really should be restricted to display types such as headers. Definitely not for body text, where it is more likely to annoy the user. In headers, you shouldn't need a variety of letterforms.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members