| <style> |
| div { font-family: WebKit WeightWatcher; font-size: 48px; } |
| .w1 { font-weight: 100; } |
| .w2 { font-weight: 200; } |
| .w3 { font-weight: 300; } |
| .w4 { font-weight: 400; } |
| .w5 { font-weight: 500; } |
| .w6 { font-weight: 600; } |
| .w7 { font-weight: 700; } |
| .w8 { font-weight: 800; } |
| .w9 { font-weight: 900; } |
| </style> |
| <p> |
| You should see the numbers 1 to 9 below. |
| </p> |
| <div class="w1"> |
| A |
| </div> |
| <div class="w2"> |
| A |
| </div> |
| <div class="w3"> |
| A |
| </div> |
| <div class="w4"> |
| A |
| </div> |
| <div class="w5"> |
| A |
| </div> |
| <div class="w6"> |
| A |
| </div> |
| <div class="w7"> |
| A |
| </div> |
| <div class="w8"> |
| A |
| </div> |
| <div class="w9"> |
| A |
| </div> |