在@ font-face CSS規則中，'local'值（'src'屬性）不再工作了嗎？

範例CSS：在@ font-face CSS規則中，'local'值（'src'屬性）不再工作了嗎？

@font-face { 
    font-family: 'Droid Serif'; 
    font-weight: normal; 
    font-style: italic; 
    src: url('DroidSerif-Italic-webfont.eot'); 
    src: url('DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), 
     local('Droid Serif'), local('DroidSerifItalic'), 
     url('DroidSerif-Italic-webfont.woff') format('woff'), 
     url('DroidSerif-Italic-webfont.ttf') format('truetype'), 
     url('DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg'); 
} 

h1 { 
    font-family: 'Droid Serif'; 
    font-weight: normal; 
    font-style: italic; 
}

示例HTML：

<div id="content"> 
    <h1>This is a big, big title</h1> 
</div>

Droid的襯線是在Linux系統最常用的字體，這些天（至少是可以在Ubuntu我用）。如上所述，我已經明確定義了local('Droid Serif'), local('DroidSerifItalic')，但瀏覽器（我的情況下爲Chromium）僅僅是下載字體文件（WOFF格式），而不是簡單地使用我的電腦上提供的字體。

任何想法可能會造成這種情況？我做錯了什麼，或者這不是瀏覽器所考慮的「本地」價值？

編輯：如果你想知道，DroidSerifItalic是對Droid Serif字體的後腳本的名稱，如果你從字體松鼠下載了（至少我讀過）。

EDIT 2：萬一這還不夠清楚，我使用在Ubuntu（v12.04）鉻網頁瀏覽器。

來源

2012-04-30 its_me

您使用什麼瀏覽器？ –

@AllanKimmerJensen它在這裏的問題，讓我引用它 - *「...但瀏覽器（**'Chromium' **在我的情況下）...」* –

哦，對不起，沒有看到，我添加了一個答案，希望它有幫助。 –

我看着谷歌的執行和使用此語法/名稱：

src: local('Droid Serif Italic'), local('DroidSerif-Italic')

我想如果你用這個名字很有效！看起來你只是把後記名字弄錯了。

來源：http://fonts.googleapis.com/css?family=Droid+Serif:400italic

來源

2012-04-30 11:31:32

你是對的。踢自己，爲什麼我沒有嘗試過呢？！謝謝，現在它也會幫助其他人。 :) –

取決於項目。我還建議你使用谷歌字體API，很可能人們已經緩存了文件，獲得了更好的性能。可能有理由不使用這個，但主要是它是一個加號。 –

我明白了，謝謝你的提示。 :) –

在@ font-face CSS規則中，'local'值（'src'屬性）不再工作了嗎？

回答

相關問題