| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>CSS Fonts: font-weight: bold; with bold font face without explicit font weight</title> |
| <meta charset="utf-8" /> |
| <link rel="author" title="Max Ihlenfeldt" href="mailto:max@igalia.com" /> |
| <link rel="help" href="https://drafts.csswg.org/css-fonts/#font-style-matching"> |
| <link rel="mismatch" href="test-synthetic-bold-2-notref.html"> |
| <meta name="assert" content="Bold text in a bold font face that was declared without an explicit font weight is synthetically bolded."> |
| <style type="text/css"> |
| @font-face { |
| font-family: "csstest-bold"; |
| src: local("CSSTest Basic Bold"); |
| } |
| div { font-size: 36px; } |
| span#verify { font-family: "CSSTest Verify"; } |
| div#test1 { |
| font-family: "csstest-bold"; |
| } |
| div#test2 { |
| font-family: "csstest-bold"; |
| font-weight: bold; |
| } |
| </style> |
| </head> |
| <body> |
| <div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">FAIL</span></div> |
| <p>Test passes if the second line is bolder than the first:</p> |
| <div id="test1">Filler text</div> |
| <div id="test2">Filler text</div> |
| </body> |
| </html> |
