| <!DOCTYPE html> | |
| <html lang="en"> | |
| <meta charset="utf-8"/> | |
| <title>CSS Test: font-synthesis-style: none disables fake italic/oblique</title> | |
| <style> | |
| @font-face { | |
| font-family: "lato"; | |
| src: url(/fonts/Lato-Medium.ttf); | |
| } | |
| .test { | |
| font-family: "lato"; | |
| font-size: 3em; | |
| } | |
| </style> | |
| <p>Test passes if the two lines below are identical (the second line is <em>not obliqued</em>), and there is no red.</p> | |
| <section class="test"> | |
| <p>Filler text</p> | |
| <p class="nosynth">Filler text</p> | |
| </section> |