HTML and CSS Reference
In-Depth Information
permissions set to installable. TT has been extended to support additional metadata and gzip compression, known as
the Web Open Font Format (WOFF). WOFF is a cross-browser, web-only format being standardized by the W3C [12]
and supported by Internet Explorer 9+, Mozilla Firefox 3.6+, and Google Chrome 5+.
the semistructural details appearing on the ends of certain strokes of letters and symbols are known as serifs
in typography. the typefaces that use serifs, such as times new roman, Cambria, Garamond, and Georgia, are known as
serif typefaces . the typefaces that do not have these small projecting features are the sans-serif typefaces , 3 for example,
Verdana, tahoma, and helvetica. declaring one of the generic font families (serif, sans-serif, cursive, fantasy, monospace)
is an excellent fallback mechanism [13].
Note
Two different fonts (or the same font in two different formats 4 ) can be declared with a fallback mechanism, as
shown in Listing 9-11, and can be applied as demonstrated in Listing 9-12.
Listing 9-11. Using Fonts Stored in Different Formats
@font-face {
font-family: "Csuff";
src: url("http://example.com/fonts/csuff.ttf");
src: url("http://example.com/fonts/csuff.eot");
}
Listing 9-12. Applying Web Fonts with a Fallback Mechanism
p {
font-family: "Csuff", "Helvetica", sans-serif;
}
Note that a widely available font is also provided, along with the font family declaration that always works, in case
neither of the external fonts can be used.
Serif fonts are easy to read 5 and adequate for long text blocks published on web pages in medium or large font
size, as well as for printer style sheets. Sans-serif typefaces are more suitable for short texts in small font size, such as
copyright information in the page footer, which is often written in Verdana or a similar font. monospace fonts like Courier
and dejaVu Sans mono are ideal for preformatted text, computer codes, and typewriter effects. Cursive fonts, such as
Comic Sans mS and Brush Script, are used for cursive handwriting such as signatures. Fantasy fonts are best used for
headings and artistic texts (for example, impact and Copperplate).
Tip
3 The word sans means “without” in French.
4 Although there are tools for converting fonts from one format to another, it is often legally prohibited.
5 This is the reason for their widespread application in topic, newspapers, and magazines.
 
 
Search WWH ::




Custom Search