third_party/WebKit/LayoutTests/fast/text/font-weight.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>Tests support for font-weight</title>
   5         <style>
   6             p { font-size: 14px; margin: 0; }
   7             h1 { font-size: 20px; margin: 8px 0 2px 0; }
   8             h2 { font-size: 16px; margin: 8px 0 2px 0; }
   9             .segoe { font-family: 'Segoe UI'; }
  10             .arial { font-family: Arial; }
  11         </style>
  12     </head>
  13     <body>
  14         <h1>Tests support for font-weight</h1>
  15         <p>
  16             Tests that CSS font-weight with numeric values is supported.
  17         </p>
  18         <section class="segoe">
  19             <h2>Segoe UI</h2>
  20             <p style="font-weight: 100">font-weight: 100 - Fix problem quickly with galvanized jets.</p>
  21             <p style="font-weight: 200">font-weight: 200 - Fix problem quickly with galvanized jets.</p>
  22             <p style="font-weight: 300">font-weight: 300 - Fix problem quickly with galvanized jets.</p>
  23             <p style="font-weight: 400">font-weight: 400 - Fix problem quickly with galvanized jets.</p>
  24             <p style="font-weight: 500">font-weight: 500 - Fix problem quickly with galvanized jets.</p>
  25             <p style="font-weight: 600">font-weight: 600 - Fix problem quickly with galvanized jets.</p>
  26             <p style="font-weight: 700">font-weight: 700 - Fix problem quickly with galvanized jets.</p>
  27             <p style="font-weight: 800">font-weight: 800 - Fix problem quickly with galvanized jets.</p>
  28             <p style="font-weight: 900">font-weight: 900 - Fix problem quickly with galvanized jets.</p>
  29         </section>
  30         <section class="arial">
  31             <h2>Arial</h2>
  32             <p style="font-weight: 100">font-weight: 100 - Fix problem quickly with galvanized jets.</p>
  33             <p style="font-weight: 200">font-weight: 200 - Fix problem quickly with galvanized jets.</p>
  34             <p style="font-weight: 300">font-weight: 300 - Fix problem quickly with galvanized jets.</p>
  35             <p style="font-weight: 400">font-weight: 400 - Fix problem quickly with galvanized jets.</p>
  36             <p style="font-weight: 500">font-weight: 500 - Fix problem quickly with galvanized jets.</p>
  37             <p style="font-weight: 600">font-weight: 600 - Fix problem quickly with galvanized jets.</p>
  38             <p style="font-weight: 700">font-weight: 700 - Fix problem quickly with galvanized jets.</p>
  39             <p style="font-weight: 800">font-weight: 800 - Fix problem quickly with galvanized jets.</p>
  40             <p style="font-weight: 900">font-weight: 900 - Fix problem quickly with galvanized jets.</p>
  41         </section>
  42     </body>
  43 </html>