layout/reftests/font-face/src-list-local-ps.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>src local with postscript names</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6
   7 <style type="text/css">
   8
   9 body {
  10   margin: 50px;
  11   font-size: 24pt;
  12 }
  13
  14 /* use full names */
  15
  16 @font-face {
  17   font-family: test-regular;
  18   src: local(HelveticaNeue), local(BitstreamVeraSans-Roman), local(FreeSans),
  19        local(SwissA), local(DejaVuSans), local(ArialMT);
  20 }
  21
  22 /* use Helvetica on the Mac, since Futura has no bold face on 10.4, 10.5 */
  23 @font-face {
  24   font-family: test-bold;
  25   src: local(HelveticaNeue-Bold), local(BitstreamVeraSans-Bold),
  26        local(FreeSansBold), local(SwissA-Bold), local(DejaVuSans-Bold),
  27        local(Arial-BoldMT);
  28 }
  29
  30 @font-face {
  31   font-family: test-italic;
  32   src: local(HelveticaNeue-Italic), local(BitstreamVeraSans-Oblique),
  33        local(FreeSansOblique), local(SwissA-Italic),
  34        local(DejaVuSans-Oblique), local(Arial-ItalicMT);
  35 }
  36
  37 .regular { font-family: test-regular, serif; }
  38 .bold { font-family: test-bold, serif; }
  39 .italic { font-family: test-italic, serif; }
  40
  41 </style>
  42
  43 <script type="text/javascript">
  44
  45 </script>
  46
  47 </head>
  48 <body>
  49
  50 <p class="regular">This should be a sans-serif face</p>
  51
  52 <p class="bold">This should be a bold sans-serif face</p>
  53
  54 <p class="italic">This should be an italic sans-serif face</p>
  55
  56 </body>
  57 </html>