<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
	font-family: "WebFont";
	src: url("../../../resources/Ahem.otf") format("woff-variations"), local("Helvetica");
}
@font-face {
	font-family: "WebFont2";
	src: url("../../../resources/Ahem.otf") format("truetype-variations"), local("Helvetica");
}
@font-face {
	font-family: "WebFont3";
	src: url("../../../resources/Ahem.otf") format("opentype-variations"), local("Helvetica");
}
</style>
</head>
<body>
This test passes of you see three black rectangles below.
<div style="font-size: 36px;">
<p style="font-family: 'WebFont';">Hello</p>
<p style="font-family: 'WebFont2';">Hello</p>
<p style="font-family: 'WebFont3';">Hello</p>
</div>
</body>
</html>