font-selection-generic-1-ref.html (1378B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 <html lang="en-US"> 4 <head> 5 <title></title> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <style type="text/css"> 8 9 @font-face { 10 font-family: "MarkA"; 11 src: url(../fonts/markA.ttf); 12 } 13 14 .c1 { font-family: sans-serif; } 15 .c2 { font-family: serif; } 16 .c3 { font-family: monospace, fantasy; } 17 .c4 { font-family: fantasy; } 18 .c5 { font-family: cursive; } 19 20 .c11 { font-family: MarkA, serif; } 21 .c12 { font-family: MarkA, monospace; } 22 .c13 { font-family: MarkA, sans-serif; } 23 .c14 { font-family: MarkA, cursive; } 24 .c15 { font-family: MarkA, fantasy; } 25 26 /* to ensure the same vertical positioning of the text */ 27 .spacer { line-height: 3em } 28 </style> 29 </head> 30 <body> 31 32 <p class="c1">AB</p> 33 <p class="c2">AB</p> 34 <p class="c3">AB</p> 35 <!-- Rev3 Fedora 12 test machines don't have fantasy or cursive, 36 and WINNT 5.2 machines don't have fantasy. 37 <p class="c4">AB</p> 38 <p class="c5">AB</p> 39 --> 40 41 <p class="c11">A</p> 42 <p><span class="c1">B</span><span class="spacer"></span></p> 43 <p class="c12">A</p> 44 <p><span class="c2">B</span><span class="spacer"></span></p> 45 <p class="c13">A</p> 46 <p><span class="c3">B</span><span class="spacer"></span></p> 47 <!-- 48 <p class="c14">A</p> 49 <p class="c4">B</p> 50 <p class="c15">A</p> 51 <p class="c5">B</p> 52 --> 53 54 </body> 55 </html>