使用自定義字體家族沒有負載影響的最佳方式？

我已經添加了自己的自定義字體，並使用下面的代碼來獲取要顯示的自定義字體系列，但是，似乎存在一個問題，因爲頁面正在加載該字體，因此開始時會以網頁標準字體開始，然後很快更新了我添加的自定義字體。使用自定義字體家族沒有負載影響的最佳方式？

<style type="text/css"> 
@font-face{ 
font-family:linto; 
src:url(achafsex/Achafexp.eot); 
} 
@font-face{ 
font-family:linto; 
src:url(achafsex/Achafexp.ttf); 
} 
div{ 
font-family:linto; 
font-size:100px; 
width:500px; 
} 
</style>

是否有更好的代碼來做到這一點，以便與網頁進行自定義字體加載瞬間，不會有明顯的變化效果？

來源

2012-04-23 Paul

在這樣的場景中 - 我通常會使用一個「cover」div，它是@最高的Z-index，然後一旦頁面完成加載，我將刪除它，顯示頁面。訣竅是找出輪詢最終用戶以完成組件下載的好方法。祝你好運！

來源

2012-04-23 21:26:49

試試。

@font-face { 
font-family: 'linto'; 
src: url('linto.eot'); /* IE9 Compat Modes */ 
src: url('linto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('linto.woff') format('woff'), /* Modern Browsers */ 
    url('linto.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('linto.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

然後，當你指定它，嘗試使用：

div { 
font-family: 'linto', Fallback, sans-serif; 
}

我看到的唯一問題，就是從body字體它的第一個加載第一，然後再加載你的fontface。

嘗試使用： body { font-family: 'linto', Fallback, sans-serif; }，首先看看這是否解決了您的加載問題，我不同意在一張紙上有多個樣式。

http://css-tricks.com/snippets/css/using-font-face/

來源

2012-04-23 21:46:00

使用自定義字體家族沒有負載影響的最佳方式？

回答

相關問題