layout/reftests/font-face/synthetic-variations-ref.html@925c144e1f1f (annotated)
layout/reftests/font-face/synthetic-variations-ref.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
| michael@0 | 1 | <!DOCTYPE HTML> |
| michael@0 | 2 | <html><head> |
| michael@0 | 3 | |
| michael@0 | 4 | |
| michael@0 | 5 | <title>@font-face and synthetic rendering</title> |
| michael@0 | 6 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| michael@0 | 7 | |
| michael@0 | 8 | <style type="text/css"> |
| michael@0 | 9 | |
| michael@0 | 10 | @font-face { |
| michael@0 | 11 | font-family: test; |
| michael@0 | 12 | src: url(../fonts/mplus/mplus-1p-regular.ttf); |
| michael@0 | 13 | font-weight: normal; |
| michael@0 | 14 | } |
| michael@0 | 15 | |
| michael@0 | 16 | body { |
| michael@0 | 17 | margin: 50px; |
| michael@0 | 18 | font-family: sans-serif; |
| michael@0 | 19 | font-size: 18pt; |
| michael@0 | 20 | } |
| michael@0 | 21 | |
| michael@0 | 22 | table { |
| michael@0 | 23 | border-collapse: collapse; |
| michael@0 | 24 | } |
| michael@0 | 25 | |
| michael@0 | 26 | #test1, #test2, #test3 { font-family: test, Times New Roman, Times, Bitstream Vera, serif; } |
| michael@0 | 27 | |
| michael@0 | 28 | th, td { |
| michael@0 | 29 | padding-left: 1em; |
| michael@0 | 30 | padding-right: 1em; |
| michael@0 | 31 | text-align: left; |
| michael@0 | 32 | } |
| michael@0 | 33 | |
| michael@0 | 34 | th { font-weight: normal; } |
| michael@0 | 35 | td { font-weight: bold; } |
| michael@0 | 36 | em { font-style: italic; } |
| michael@0 | 37 | |
| michael@0 | 38 | </style> |
| michael@0 | 39 | |
| michael@0 | 40 | |
| michael@0 | 41 | </head><body> |
| michael@0 | 42 | |
| michael@0 | 43 | <p>All lines should appear in a sans-serif face with proper bolding</p> |
| michael@0 | 44 | |
| michael@0 | 45 | <table id="test1"> |
| michael@0 | 46 | <tr class="w1"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 47 | <tr class="w2"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 48 | <tr class="w3"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 49 | <tr class="w4"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 50 | <tr class="w5"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 51 | <tr class="w6"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 52 | <tr class="w7"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 53 | <tr class="w8"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 54 | <tr class="w9"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 55 | </table> |
| michael@0 | 56 | |
| michael@0 | 57 | <table id="test2"> |
| michael@0 | 58 | <tr class="w9"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 59 | <tr class="w8"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 60 | <tr class="w7"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 61 | <tr class="w6"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 62 | <tr class="w5"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 63 | <tr class="w4"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 64 | <tr class="w3"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 65 | <tr class="w2"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 66 | <tr class="w1"><th>normal</th><th><em>italic</em></th><td>bold</td><td><em>bolditalic</em></td></tr> |
| michael@0 | 67 | </table> |
| michael@0 | 68 | |
| michael@0 | 69 | <table id="test3"> |
| michael@0 | 70 | <tr class="w1"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 71 | <tr class="w2"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 72 | <tr class="w3"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 73 | <tr class="w4"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 74 | <tr class="w5"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 75 | <tr class="w6"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 76 | <tr class="w7"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 77 | <tr class="w8"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 78 | <tr class="w9"><th><span>normal</span></th><th><span><em>italic</em></span></th><td><span>bold</span></td><td><span><em>bolditalic</em></span></td></tr> |
| michael@0 | 79 | </table> |
| michael@0 | 80 | |
| michael@0 | 81 | </body></html> |
