woff2-totalsfntsize.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

<style>

@font-face {

    font-family: "webfont";

    src: url("../fonts/header-totalsfntsize-001.woff2") format("woff2");

#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>