In CSS terms, you load a font file using declarations, which append that font to a font-family. eg, garamond-bold.ttf is the font copy of Garamond Bold, a typeface from the Garamond family. (If you’re not interested in an explanation of the problem or the bad solution recommended by most font-embedding services, go ahead and skip down to The Right Solution.) The Problemįirst, to clarify: A font is a file containing a particular typeface, which is a particular weight or style of a type family. In this article, I’ll walk you through how to properly load your font files to avoid the browser’s faux-italic and faux-bold styles. Did you know that if you declare a custom font using the browser will try to fake the bold and italic styles if it can’t find them? This is a clever little feature that avoids a scenario where a themer specifies a font and is then confused that bold and italics don’t work, but it can be very confusing if you actually have a bold or italic version of the font.
0 Comments
Leave a Reply. |