• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 7. Working with Fonts > Font Matching and the @font-face At-Rule

Font Matching and the @font-face At-Rule

CSS2 provides for more sophisticated font matching capabilities than are available in CSS1, providing for four different font matching methods:

  • Font name matching— A browser uses an available font that has the same family name as the requested font. This is the only method provided for in CSS1.

  • Intelligent font matching— A browser uses an available font that is the closest match in appearance to the requested font. The matching information includes the kind of font (text or symbol), nature of serifs, weight, cap-height, x-height, ascent, descent, slant, and so on. The font metrics need not match (meaning that a replacement font may have a smaller or larger font size than the requested font, based on the relative size of the replacement font's x-height, for instance).

  • Font synthesis— A browser creates a font that is a close match in appearance to the requested font, matching the requested font's metrics (font size, for instance).

  • Font download— The final option is to download the font from the Web. A Web designer can provide the URL of a specific font that is to display for a particular element or elements.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint