日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

?使用通過(guò) @font-face 加載的字體在畫布中繪制文本一開(kāi)始無(wú)法正確顯示文本。這是因?yàn)闉g覽器尚未從網(wǎng)絡(luò)加載字體。因此，它使用已經(jīng)可用的字體。

字體必須在使用之前完成加載。這可以使用 標(biāo)簽來(lái)確保。如果您想確保字體可用并且預(yù)加載了一些其他元素，那么您可以使用 標(biāo)簽來(lái)完成此操作，如下所示

<div style="font-family: PressStart;"></div>  

登錄后復(fù)制

您還可以像這樣加載字體 –

var newFont = new FontFace(‘New Font', 'url(https://samplefont.woff2)');  
newFont.load().then(function(font){  
   document.fonts.add(font);  
   alert('Font successfully loaded!');  
});                  

登錄后復(fù)制

以上就是使用@fontface在HTML5中繪制文本第一次不起作用的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！