1845828-1.html (593B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <style> 4 @font-face { 5 font-family: test; 6 src: url("Ahem.ttf"); 7 } 8 </style> 9 <canvas id=c></canvas> 10 <script> 11 document.fonts.load("1px test").then(() => { 12 ctx = c.getContext("2d"); 13 ctx.scale(10, 10); 14 ctx.font = "1.0px test"; 15 ctx.fillText("10px test", 1, 2); 16 ctx.font = "1.1px test"; 17 ctx.fillText("11px test", 1, 4); 18 ctx.font = "1.2px test"; 19 ctx.fillText("12px test", 1, 6); 20 ctx.font = "1.3px test"; 21 ctx.fillText("13px test", 1, 8); 22 ctx.font = "1.4px test"; 23 ctx.fillText("14px test", 1, 10); 24 }); 25 </script>