| <!DOCTYPE html> | |
| <html lang="en"> | |
| <meta charset="utf-8"/> | |
| <title>CSS Test: font-synthesis-small-caps with font that supports small-caps</title> | |
| <!--Exo-DemiBold has small caps in the font--> | |
| <style> | |
| @font-face { | |
| font-family: "exo"; | |
| src: url(support/fonts/Exo-DemiBold.otf); | |
| } | |
| .test { | |
| font-family: "exo"; | |
| font-size: 3em; | |
| font-variant: small-caps; | |
| } | |
| </style> | |
| <p>Test passes if the two lines below are identical and there is no red.</p> | |
| <section class="test"> | |
| <p>Filler text</p> | |
| <p>Filler text</p> | |
| </section> |