<!DOCTYPE html> <html> <head> <style> @font-face { font-family: "webfont"; src: url("../fonts/header-totalsfntsize-001.ttf") format("truetype"); } #container { width: 100px; height: 38px; position: relative; overflow: hidden; } #test { font: 41px "webfont"; position: absolute; width: 41px; height: 41px; left: -1px; top: -1px; } </style> </head> <body> This test makes sure WOFF2 renders as expected. The test passes if you see the word PASS below. <div id="container"><div id="test">P</div></div> </body> </html>