font-weight-metrics-ref.html (525B)
1 <!DOCTYPE html> 2 <html> 3 <title>CSS Fonts - reference</title> 4 <link rel="author" title="Jonathan Kew" href="jkew@mozilla.com"> 5 <meta charset="utf-8"> 6 7 <style> 8 @font-face { 9 font-family: test; 10 font-weight: 900; 11 src: url(resources/Inter.var.subset.ttf); 12 } 13 div { 14 font: 32px test; 15 position: absolute; 16 margin: 1em; 17 } 18 .heavy { 19 background: green; 20 color: green; 21 font-weight: 900; 22 } 23 </style> 24 25 Test passes if there is a green rectangle and <strong>no red</strong>: 26 27 <div class=heavy> 28 aaaaaaaaaaaaaaaaaaaaaaaaaaaa 29 </div>