22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Assume four weights in the "Rattlesnake" family, from lightest to darkest:<br />

Regular, Medium, Bold, Heavy.<br />

First example of font-weight mapping<br />

Available faces<br />

Assignments Filling the holes<br />

"Rattlesnake Regular" 400 100, 200, 300<br />

"Rattlesnake Medium" 500<br />

"Rattlesnake Bold" 700 600<br />

"Rattlesnake Heavy" 800 900<br />

Assume six weights in the "Ice Prawn" family: Book, Medium, Bold, Heavy,<br />

Black, ExtraBlack. Note that in this instance the user agent has decided not to<br />

assign a numeric value to "Example2 ExtraBlack".<br />

Second example of font-weight mapping<br />

Available faces<br />

Assignments Filling the holes<br />

"Ice Prawn Book" 400 100, 200, 300<br />

"Ice Prawn Medium" 500<br />

"Ice Prawn Bold" 700 600<br />

"Ice Prawn Heavy" 800<br />

"Ice Prawn Black" 900<br />

"Ice Prawn ExtraBlack" (none)<br />

15.5.2 Examples of font matching<br />

Example(s):<br />

The following example defines a specific font face, Alabama Italic. A panose<br />

font description and source URI for retrieving a truetype server font are also<br />

provided. Font-weight and font-style descriptors are provided to describe the font.<br />

The declaration says that the weight will also match any request in the range 300<br />

to 500. The font family is Alabama and the adorned font name is Alabama Italic.<br />

@font-face {<br />

src: local("Alabama Italic"),<br />

url(http://www.fonts.org/A/alabama-italic) format("truetype");<br />

panose-1: 2 4 5 2 5 4 5 9 3 3;<br />

font-family: Alabama, serif;<br />

font-weight: 300, 400, 500;<br />

font-style: italic, oblique;<br />

}<br />

Example(s):<br />

234

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!