| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: "CustomAhem"; |
| font-weight: 400; |
| font-style: normal; |
| src: url("../../resources/Ahem.ttf") format("truetype"); |
| } |
| </style> |
| </head> |
| <body> |
| This test makes sure that the font-synthesis property disallows synthesis when it is specified. |
| <div style="font: 20px CustomAhem; position: relative;"> |
| <div style="position: absolute; left: 0px; top: 0px;"> |
| <div style="font-synthesis: none;">ABCD</div> |
| <div style="font-synthesis: weight;">ABCD</div> |
| <div style="font-synthesis: style;">ABCD</div> |
| <div style="font-synthesis: weight style;">ABCD</div> |
| </div> |
| <div style="font-weight: 700; position: absolute; left: 150px; top: 0px;"> |
| <div style="font-synthesis: none;">ABCD</div> |
| <div style="font-synthesis: weight;">ABCD</div> |
| <div style="font-synthesis: style;">ABCD</div> |
| <div style="font-synthesis: weight style;">ABCD</div> |
| </div> |
| <div style="font-style: italic; position: absolute; left: 300px; top: 0px;"> |
| <div style="font-synthesis: none;">ABCD</div> |
| <div style="font-synthesis: weight;">ABCD</div> |
| <div style="font-synthesis: style;">ABCD</div> |
| <div style="font-synthesis: weight style;">ABCD</div> |
| </div> |
| <div style="font-weight: 700; font-style: italic; position: absolute; left: 450px; top: 0px;"> |
| <div style="font-synthesis: none;">ABCD</div> |
| <div style="font-synthesis: weight;">ABCD</div> |
| <div style="font-synthesis: style;">ABCD</div> |
| <div style="font-synthesis: weight style;">ABCD</div> |
| </div> |
| </div> |
| <div style="font: 20px Ahem; position: relative; top: 100px;"> |
| <div style="position: absolute; left: 0px; top: 0px;"> |
| <div style="font-synthesis: none;">ABCD</div> |
| <div style="font-synthesis: weight;">ABCD</div> |
| <div style="font-synthesis: style;">ABCD</div> |
| <div style="font-synthesis: weight style;">ABCD</div> |
| </div> |
| <div style="font-weight: 700; position: absolute; left: 150px; top: 0px;"> |
| <div style="font-synthesis: none;">ABCD</div> |
| <div style="font-synthesis: weight;">ABCD</div> |
| <div style="font-synthesis: style;">ABCD</div> |
| <div style="font-synthesis: weight style;">ABCD</div> |
| </div> |
| <div style="font-style: italic; position: absolute; left: 300px; top: 0px;"> |
| <div style="font-synthesis: none;">ABCD</div> |
| <div style="font-synthesis: weight;">ABCD</div> |
| <div style="font-synthesis: style;">ABCD</div> |
| <div style="font-synthesis: weight style;">ABCD</div> |
| </div> |
| <div style="font-weight: 700; font-style: italic; position: absolute; left: 450px; top: 0px;"> |
| <div style="font-synthesis: none;">ABCD</div> |
| <div style="font-synthesis: weight;">ABCD</div> |
| <div style="font-synthesis: style;">ABCD</div> |
| <div style="font-synthesis: weight style;">ABCD</div> |
| </div> |
| </div> |
| <div style="font: 20px Ahem; position: relative; top: 200px; font-synthesis: none;"> |
| <div style="font-style: italic;"> |
| ABCD |
| </div> |
| </div> |
| </body> |
| </html> |