font-family-014.xht (1654B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 3 <head> 4 <title>CSS Test: font-family and fallbacks</title> 5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/family/004.html" type="text/html"/> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" /> 8 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> 9 <link rel="match" href="font-family-013-ref.xht" /> 10 11 <style type="text/css"> 12 p { color: navy; font-size: 4em; margin: 0.25em; } 13 .a span.test { font-family: "Missing Font", "Times New Roman"; } 14 .a span.control { font-family: "Times New Roman"; } 15 .b span.test { font-family: "Missing Font", "Arial"; } 16 .b span.control { font-family: "Arial"; } 17 .c span.test { font-family: "Missing Font", "Courier New"; } 18 .c span.control { font-family: "Courier New"; } 19 </style> 20 </head> 21 <body> 22 <div>In each of the three lines below, the two words should look identical.</div> 23 <p class="a"> 24 <span class="test">Ţęşţ</span> 25 — 26 <span class="control">Ţęşţ</span> 27 </p> 28 <p class="b"> 29 <span class="test">Ţęşţ</span> 30 — 31 <span class="control">Ţęşţ</span> 32 </p> 33 <p class="c"> 34 <span class="test">Ţęşţ</span> 35 — 36 <span class="control">Ţęşţ</span> 37 </p> 38 </body> 39 </html>