homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Gold Sponsor 2015!
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

@font-face Question
Do I need to embed all styles of the font?

5+ Year Member

Msg#: 4412455 posted 9:01 pm on Jan 30, 2012 (gmt 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?



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

Msg#: 4412455 posted 11:23 pm on Jan 30, 2012 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved