Firefox上Tumblr的Base64字體編碼

Question

我正在開發一個Tumblr主題，並且想要在所有瀏覽器中使用我擁有的字體。 由於Firefox不允許對CSS字體的其他域進行HTTP請求，因此該字體目前在Firefox中不起作用，但在所有其他使用標准@ font-face語法的瀏覽器中都可以使用。

有人環顧四周，發現建議使用base64將字體直接編碼到css文件中。 現在嘗試這樣做，但是不起作用。 我以前從未使用過這種技術，所以我可能只是想念一些東西。 我從tumblr主題鏈接到樣式表，並將font-family：futuraBold分配給某些元素。

樣式表如下所示：

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

我在這里使用了base64編碼器： http : //www.opinionatedgeek.com/dotnet/tools/base64encode/

並上傳了一個.otf字體文件。

我想念什么嗎？

Answer 1

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

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

希望這有所幫助