?使用通過 @font-face 加載的字體在畫布中繪制文本一開始無法正確顯示文本。這是因為瀏覽器尚未從網絡加載字體。因此，它使用已經可用的字體。
字體必須在使用之前完成加載。這可以使用 標簽來確保。如果您想確保字體可用并且預加載了一些其他元素，那么您可以使用 標簽來完成此操作，如下所示
<div style="font-family: PressStart;"></div>
登錄后復制
您還可以像這樣加載字體 –
var newFont = new FontFace(‘New Font', 'url(https://samplefont.woff2)');
newFont.load().then(function(font){
document.fonts.add(font);
alert('Font successfully loaded!');
});
登錄后復制
以上就是使用@fontface在HTML5中繪制文本第一次不起作用的詳細內容，更多請關注www.92cms.cn其它相關文章！
