8

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 フォント ファイルをアップロードしました。

何か不足していますか？

4

1 に答える 1

2

シングルまたはダブルの引用符は必要ないと思うことを除いて、すべて正しいです。次のようになります。

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

これが役に立ったことを願っています

于 2013-01-02T21:43:46.460 に答える