<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: "WebFont";
    src: url("resources/Ahem-SVG.ttf") format("truetype");
}
</style>
</head>
<body>
<p>
This test makes sure that OT-SVG glyphs can be drawn into canvas.
The test passes if you see:
<ol>
    <li>A medium-sized black square, then</li>
    <li>A slightly smaller green square, then</li>
    <li>A medium-sized black square, then</li>
    <li>A slightly smaller green square</li>
</p>
<canvas id="canvas" width="400" height="400"></canvas>
<script>
var context = document.getElementById("canvas").getContext("2d");
context.fillStyle = "black";
context.fillRect(10, 60, 50, 50);
context.fillStyle = "green";
context.fillRect(65, 65, 40, 40);
context.fillStyle = "black";
context.fillRect(110, 60, 50, 50);
context.fillStyle = "green";
context.fillRect(165, 65, 40, 40);
</script>
</body>
</html>