third_party/WebKit/LayoutTests/fast/css/font-face-synthetic-bold-italic-for-locally-installed.html

   1 <html>
   2 <head>
   3 <style>
   4 @font-face {
   5   font-family: fontface;
   6   src: local('Times New Roman');
   7 }
   8
   9 .local {
  10   font-family: 'Times New Roman';
  11 }
  12
  13 .face {
  14   font-family: fontface;
  15 }
  16
  17 .bold {
  18   font-weight: 700;
  19   font-size: 20px;
  20 }
  21
  22 .italic {
  23   font-style: italic;
  24   font-size: 20px;
  25 }
  26 </style>
  27 </head>
  28 <body>
  29 <p>The following two lines should look differently. The first line is synthetic bold of normal face, the second line is bold face.</p>
  30 <div class="face bold"><span>The quick brown fox jumps over the lazy dog</span></div>
  31 <div class="local bold"><span>The quick brown fox jumps over the lazy dog</span></div>
  32 <p>The following two lines should look differently. The first line is synthetic italic of normal face, the second line is italic face.</p>
  33 <div class="face italic"><span>The quick brown fox jumps over the lazy dog</span></div>
  34 <div class="local italic"><span>The quick brown fox jumps over the lazy dog</span></div>
  35 </body>
  36 </html>