local-1.html (2462B)
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <meta http-equiv="Content-Style-Type" content="text/css"> 6 <title>test src: local()</title> 7 <!-- 8 9 Most systems are expected to have either Linotype's Helvetica or a 10 substitute. These are needed for PostScript or PDF support. MS 11 systems will have Monotype's Arial installed. Systems with 12 ghostscript will normally have Nimbus Sans L. Linux systems without 13 ghostscript may have Adobe's bitmap Helvetica for X11 or Ascender / 14 Red Hat's Liberation Sans. 15 16 The result will be compared with fonts chosen through font-family. 17 Platform aliases (on Windows and Linux) will map family names from 18 one substitute to another, but similar aliasing does not happen with 19 face names in local(). Therefore, all Helvetica substitute fonts 20 are included in the @font-face rules. 21 22 Full names are specified for all fonts for MS Windows and Linux, and 23 PostScript names are included for Mac for all fonts up to 24 Helvetica, which is expected to be on every Mac. 25 26 The generic fallback is chosen to be serif, which is not expected to 27 be the same as any of the local (sans-serif) faces in the @font-face 28 rules, so that it makes failure to reference the local faces more 29 obvious. 30 31 --> 32 <style type="text/css"> 33 @font-face { 34 font-family: "Local"; 35 src: local(Nimbus Sans L), local(NimbusSansL-Regu), 36 local(Helvetica), local(Bitstream Vera Sans), 37 local(Arial), local(Liberation Sans), local(SwissA), 38 local(Fira Sans OT), local(Fira Sans), 39 local(Droid Sans), local(Roboto); 40 font-weight: 100; 41 } 42 @font-face { 43 font-family: "Local"; 44 src: local(Nimbus Sans L Bold), local(NimbusSansL-Bold), 45 local(Helvetica Bold), local(Helvetica-Bold), 46 local(Bitstream Vera Sans Bold), 47 local(Arial Bold), local(Liberation Sans Bold), local(SwissA Bold), 48 local(Fira Sans OT Bold), local(Fira Sans Bold), 49 local(Droid Sans Bold), local(Roboto Bold); 50 font-weight: normal; 51 } 52 body { font-family: Local, serif } 53 </style> 54 </head> 55 <body> 56 <p style="font-weight: 100"> 57 The quick brown fox jumped over the lazy dog 58 </p> 59 <p style="font-weight: normal;"> 60 The quick brown fox jumped over the lazy dog 61 </p> 62 </body> 63 </html>