即使沒有使用瀏覽器加載的@ font-face字體？

所以我有這個堆棧：即使沒有使用瀏覽器加載的@ font-face字體？

@font-face { 
    font-family: 'MyCustomFont'; 
    src: url('MyCustomFont.ttf') format('truetype'); 
} 

body { font-family: Helvetica, MyCustomFont, Arial, sans-serif; }

加載由瀏覽器MyCustomFont.tff即使黑體是存在於機器中（即：Mac用戶）？

來源

2010-06-29 achairapart

您需要使用local指令來測試本地安裝的字體版本。如果未找到，則會測試列表中的下一個字體，並在可用時加載。例如：

@font-face { 
    font-family: MyHelvetica; 
    src: local("Helvetica Neue Bold"), 
    local("HelveticaNeue-Bold"), 
    url(MgOpenModernaBold.ttf); 
    font-weight: bold; 
}

上面的例子是從這裏取：
3210

一旦字體已被下載，它將被緩存瀏覽器。一旦進入緩存，瀏覽器就不需要再次下載字體，從而加快速度。在這裏看到更多的信息：
http://code.google.com/apis/webfonts/faq.html#Performance

來源

2010-06-29 08:54:34 Mike

我知道，字體是由瀏覽器緩存，但在MgOpen Moderna酒店的情況下，它仍然砝碼〜60KB並影響性能和帶寬。你說的對，使用本地指令是標準的，但是它可悲地不被IE所支持，並且在Linux環境中已經有很多Helvetica替代品（太多用於本地聲明）。還有其他缺點使用本地指令：請參閱http://typophile.com/node/63992 我只是尋找一個聰明的方式來優化的東西:) – achairapart 2010-06-29 10:01:11

@achairapart：我同意。網絡字體的使用是朝着正確方向邁出的一步（遠離圖像替換），但它並不完美。我在計算機上安裝了很多Helvetica變體，但不能保證我會有你正在測試的那個。至少現在，我認爲你必須要下載網絡字體的性能打擊，解決少數合理標準的'網絡安全'字體，或只是交叉手指，希望最好的;-) – Mike 2010-06-29 10:19:43

傑克阿奇博爾德給了一個很好的說說這在2011年DIBI

你可以在這裏看到：http://vimeo.com/27771157分鐘。 11:59

在這裏：http://speakerdeck.com/u/jaffathecake/p/in-your-font-face?slide=39

來源

2012-04-09 21:12:02 vieron

即使沒有使用瀏覽器加載的@ font-face字體？

回答

相關問題