Firefox上Tumblr的Base64字體編碼

我正在開發一個Tumblr主題，並希望使用跨所有瀏覽器的字體。由於Firefox不允許對其他域的http請求使用css字體，現在該字體在Firefox中不起作用，但可以在所有其他使用標準@ font-face語法的瀏覽器中使用。Firefox上Tumblr的Base64字體編碼

做了一些環顧四周，發現了一個建議，使用base64將字體直接編碼到CSS文件。試圖做到這一點，但它不工作。我以前從未使用過這種技術，所以我可能會錯過一些東西。我鏈接到tumblr主題的樣式表，並將字體系列：futuraBold分配給某些元素。

這裏的樣式表的樣子：

@font-face { 
    font-family: 「futuraBold」; 
    src: url(「data:font/opentype;base64,BASE64CODE」); 
}

，並上傳了一個雜項文件的字體文件。

我錯過了什麼嗎？

2012-12-17 Chris

我的建議是嘗試在專家模式[字體松鼠（http://www.fontsquirrel.com/fontface/generator），並選擇Base64編碼。然後，看看它是否工作。 – Ally

例如，我試過Oswald，這是它給了我的編碼字符串的開始：'src：url（data：application/x-font-woff; charset = utf-8; base64，...' – Ally

你在你的樣式表中真的有這些花哨的引號（'''），你應該用普通的雙引號（'''）替換它們。 –

除了你我認爲你不需要任何引號，單或雙，所有這些都是正確的。它應該只是這樣的：

@font-face { 
    font-family: futuraBold; 
    src: url(data:font/opentype;base64,BASE64CODE); 
}

希望這有助於

2013-01-02 21:43:46 Amja

回答