woff2-totalsfntsize.html (553B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 @font-face { 6 font-family: "webfont"; 7 src: url("../fonts/header-totalsfntsize-001.woff2") format("woff2"); 8 } 9 #container { 10 width: 100px; 11 height: 38px; 12 position: relative; 13 overflow: hidden; 14 } 15 #test { 16 font: 41px "webfont"; 17 position: absolute; 18 width: 41px; 19 height: 41px; 20 left: -1px; 21 top: -1px; 22 } 23 </style> 24 </head> 25 <body> 26 This test makes sure WOFF2 renders as expected. The test passes if you see the word PASS below. 27 <div id="container"><div id="test">P</div></div> 28 </body> 29 </html>