用JS預加載正確的@ font-face字體

是否可以預先加載@ font-face文件供以後使用？用JS預加載正確的@ font-face字體

理想情況下，我想：

檢測正確的字體文件瀏覽器（WOFF，EOT，TTF等），並預載
檢測當字體已經加載，以觸發其他事件

這將構成preloader工具的一部分，該工具將計算進度和塊頁面交互。這通常會排除基於瀏覽器的解決方案，如預取。

2012-10-10 Matt Stone

此問題可能有所幫助：[http://stackoverflow.com/questions/2756575/drawing-text-to-canvas-with-font-face-does-not-work-at-the-first-time]（ http://stackoverflow.com/questions/2756575/drawing-text-to-canvas-with-font-face-does-not-work-at-the-first-time） – jiguang

檢查'@ font-face'加載： http://stackoverflow.com/questions/12312323/how-to-know-if-a-font-font-face-has-already-been-loaded/12316349#12316349 – Patrick

-1

您可以動態地將樣式元素添加到頭部，並在其中進行字體表述。

然後，您可以動態地將一個類添加到任何元素，您可以爲其應用字體的font-family值。

無需玩預載。

來源

2012-10-10 16:29:56 daveyfaherty

我_want_玩preload。字體文件可能很大，我想知道文件何時完成下載。 –

用JS預加載正確的@ font-face字體

回答

相關問題