2010-06-04 20 views
4

使用@ font-face HTML5/CSS3加載頁面時,您會慢慢看到出現的字體。有沒有辦法先加載字體?有沒有辦法在呈現頁面之前在HTML5頁面中下載字體?

+1

我不知道有前。您可能可以通過jQuery來做一些擺弄,以便在CSS和字體加載後僅顯示內容,但我自己並沒有這樣做。 BTW @ font-face與HTML5無關,它是CSS3的一部分,儘管它是CSS2的一部分,但是從CSS2.1中刪除了它。 – 2010-06-04 12:45:43

回答

4

您可能會link prefetching得到一些運氣(尤其是在未來):

<link rel="prefetch" href="pathto/font"> 

(只有Firefox支持,此刻)。如果您在之前的頁面上使用此頁面,則使用@font-face的頁面可能會在實際使用字體文件之前將其放入緩存中。

+0

有趣。這是我希望我的網頁展示的行爲。不幸的是,各種新HTML5功能的瀏覽器兼容性是分散的。 – xAbhishek 2010-06-04 17:34:08

0

現在有preload的草案,它將與Chrome 50一起發佈。

有了這個功能,我們應該能夠做到這一點在頭元件和可能刷新的HTML的其餘部分被渲染併發送到瀏覽器

<link rel=preload as=font href=...> 
相關問題