| <!DOCTYPE html> |
| <html lang="en"> |
| <meta charset="utf-8"/> |
| <title>CSS Test: font-synthesis style and weight</title> |
| <style> |
| @font-face { |
| font-family: "lato"; |
| src: url(/fonts/Lato-Medium.ttf); |
| } |
| .test { |
| font-family: "lato"; |
| font-size: 3em; |
| } |
| .auto { |
| font-style: italic; |
| font-weight: bold; |
| } |
| .weight { |
| font-weight: bold; |
| } |
| .style { |
| font-style: italic; |
| } |
| </style> |
| |
| <section class="test"> |
| <p class="auto">Filler text</p> |
| <p class>Filler text</p> |
| <p class="weight">Filler text</p> |
| <p class="style">Filler text</p> |
| </section> |
