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

   1 <style>
   2     @font-face {
   3         font-family: webkit-one;
   4         font-style: italic;
   5         src: local(Courier), local('Courier New');
   6     }
   7
   8     @font-face {
   9         font-family: webkit-one;
  10         font-style: normal;
  11         font-weight: 700;
  12         src: local(Helvetica), local(Arial);
  13     }
  14
  15     @font-face {
  16         font-family: webkit-one;
  17         font-style: normal;
  18         src: local(Helvetica), local(Arial);
  19     }
  20
  21     @font-face {
  22         font-family: webkit-one;
  23         font-style: italic;
  24         font-weight: 700;
  25         src: local(Papyrus), local(Times), local('Times New Roman');
  26     }
  27
  28     @font-face {
  29         font-family: webkit-six;
  30         font-weight: 400;
  31         src: local(Courier), local('Courier New');
  32     }
  33
  34     @font-face {
  35         font-family: webkit-six;
  36         font-weight: 700;
  37         src: local(Helvetica), local(Arial);
  38     }
  39
  40     @font-face {
  41         font-family: webkit-six;
  42         font-weight: 900;
  43         src: local(Papyrus), local(Times), local('Times New Roman');
  44     }
  45
  46     @font-face {
  47         font-family: webkit-seven;
  48         font-weight: 300;
  49         src: local(Courier), local('Courier New');
  50     }
  51
  52     @font-face {
  53         font-family: webkit-seven;
  54         font-weight: 600;
  55         src: local(Helvetica), local(Arial);
  56     }
  57
  58     @font-face {
  59         font-family: webkit-eight;
  60         font-weight: 100;
  61         src: local(Courier), local('Courier New');
  62     }
  63
  64     @font-face {
  65         font-family: webkit-eight;
  66         font-weight: 900;
  67         src: local(Helvetica), local(Arial);
  68     }
  69
  70     div { border: 1px solid lightblue; margin: 4px; }
  71 </style>
  72
  73 <p>
  74     Each font name in that font:
  75 </p>
  76 <div style="font-family: webkit-one;">
  77     <b>Helvetica bold</b> Helvetica <i>Courier syn. italic <b>Papyrus syn. bold syn. italic</b></i>
  78 </div>
  79
  80 <div style="font-family: webkit-six;">
  81     <span style="font-weight: 100">Courier</span>
  82     <span style="font-weight: 200">Courier</span>
  83     <span style="font-weight: 300">Courier</span>
  84     <span style="font-weight: 400">Courier</span>
  85     <span style="font-weight: 500">Courier</span>
  86     <span style="font-weight: 600">Helvetica Bold</span>
  87     <span style="font-weight: 700">Helvetica Bold</span>
  88     <span style="font-weight: 800">Papyrus syn. bold</span>
  89     <span style="font-weight: 900">Papyrus syn. bold</span>
  90 </div>
  91
  92 <div style="font-family: webkit-seven;">
  93     <span style="font-weight: 100">Courier</span>
  94     <span style="font-weight: 200">Courier</span>
  95     <span style="font-weight: 300">Courier</span>
  96     <span style="font-weight: 400">Courier</span>
  97     <span style="font-weight: 500">Courier</span>
  98     <span style="font-weight: 600">Helvetica Bold</span>
  99     <span style="font-weight: 700">Helvetica Bold</span>
 100     <span style="font-weight: 800">Helvetica Bold</span>
 101     <span style="font-weight: 900">Helvetica Bold</span>
 102 </div>
 103
 104 <div style="font-family: webkit-eight;">
 105     <span style="font-weight: 100">Courier</span>
 106     <span style="font-weight: 200">Courier</span>
 107     <span style="font-weight: 300">Courier</span>
 108     <span style="font-weight: 400">Courier</span>
 109     <span style="font-weight: 500">Courier</span>
 110     <span style="font-weight: 600">Helvetica Bold</span>
 111     <span style="font-weight: 700">Helvetica Bold</span>
 112     <span style="font-weight: 800">Helvetica Bold</span>
 113     <span style="font-weight: 900">Helvetica Bold</span>
 114 </div>