HTML and CSS Reference
In-Depth Information
To account for a font being unavailable, it is common to list a similar
typeface or two before specifying the generic font family, as these
examples show:
font-family: “Palatino Linotype”, Palatino, “Times New Roman”,
serif;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: “Andale Mono”,“Courier New”, Courier, monospace;
You can find more detailed information on installed fonts in the 24ways
article “Increase Your Font Stacks With Font Matrix” by Richard Rutter
( http://24ways.org/2007/increase-your-font-stacks-with-font-matrix ) and
on the Code and Style site ( http://www.codestyle.org/css/font-family/
index.shtml ).
Font Embedding
To break free of the short list of commonly installed set of “safe” fonts,
IE4 introduced font embedding in CSS via the @font-face rule. With its
standardization by the W3C and more recent adoption by other browser
vendors, font embedding is gaining traction, but it is not without the
issues that come with early adoption of any technology.
@font-face
The @font-face rule allows for defining a custom font family and linking
that family to a resource or resources where the font file data resides.
Two sets of values are set with this rule:
font-family : The family name for the custom font; used to refer to the
font-family property later in the style sheet
src : The font source URI and optional (but in practice, suggested) font
format
 
 
Search WWH ::




Custom Search