third_party/WebKit/LayoutTests/fast/css/font-face-multiple-faces-expected.html

   1 <style>
   2     .courier {
   3         font-family: 'Courier', 'Courier New';
   4     }
   5     .helvetica {
   6         font-family: 'Helvetica', 'Arial';
   7     }
   8     .papyrus {
   9         font-family: 'Papyrus', 'Times', 'Times New Roman';
  10     }
  11     .ahem {
  12         font-family: 'Ahem';
  13     }
  14
  15     div { border: 1px solid lightblue; margin: 4px; }
  16 </style>
  17
  18 <p>
  19     Each font name in that font:
  20 </p>
  21 <div class="helvetica">
  22     <b>Helvetica bold</b> Helvetica <i class="courier">Courier syn. italic <b class="papyrus">Papyrus syn. bold syn. italic</b></i>
  23 </div>
  24
  25 <div class="courier">
  26     <span style="font-weight: 400">Courier</span>
  27     <span style="font-weight: 400">Courier</span>
  28     <span style="font-weight: 400">Courier</span>
  29     <span style="font-weight: 400">Courier</span>
  30     <span style="font-weight: 400">Courier</span>
  31     <span style="font-weight: 700" class="helvetica">Helvetica Bold</span>
  32     <span style="font-weight: 700" class="helvetica">Helvetica Bold</span>
  33     <span style="font-weight: 900" class="papyrus">Papyrus syn. bold</span>
  34     <span style="font-weight: 900" class="papyrus">Papyrus syn. bold</span>
  35 </div>
  36
  37 <div class="courier">
  38     <span style="font-weight: 300">Courier</span>
  39     <span style="font-weight: 300">Courier</span>
  40     <span style="font-weight: 300">Courier</span>
  41     <span style="font-weight: 300">Courier</span>
  42     <span style="font-weight: 300">Courier</span>
  43     <span style="font-weight: 600" class="helvetica">Helvetica Bold</span>
  44     <span style="font-weight: 600" class="helvetica">Helvetica Bold</span>
  45     <span style="font-weight: 600" class="helvetica">Helvetica Bold</span>
  46     <span style="font-weight: 600" class="helvetica">Helvetica Bold</span>
  47 </div>
  48
  49 <div class="courier">
  50     <span style="font-weight: 100">Courier</span>
  51     <span style="font-weight: 100">Courier</span>
  52     <span style="font-weight: 100">Courier</span>
  53     <span style="font-weight: 100">Courier</span>
  54     <span style="font-weight: 100">Courier</span>
  55     <span style="font-weight: 900" class="helvetica">Helvetica Bold</span>
  56     <span style="font-weight: 900" class="helvetica">Helvetica Bold</span>
  57     <span style="font-weight: 900" class="helvetica">Helvetica Bold</span>
  58     <span style="font-weight: 900" class="helvetica">Helvetica Bold</span>
  59 </div>