Base64でTumblrの@ font-faceを符号化しました

Tumblrは他のドメインでホストされているwebfontファイルを受け入れないため、Base64エンコーディングでファイルを直接インポートしようとしています。私はTumblrのCSSエディタ、任意の成功なしのスタイルタグ内や外部スタイルシートでHTMLエディタに適切なコードでこれを貼り付けて試してみましたBase64でTumblrの@ font-faceを符号化しました

@font-face { 
    font-family: 'FontName'; 
    src: url(data:application/vnd.ms-fontobject;base64,[BASE64 CODE]); 
    src: url(data:font/woff2;base64,[BASE64 CODE]) format('woff2'), 
     url(data:application/font-woff;base64,[BASE64 CODE]) format('woff'), 
     url(data:application/x-font-truetype;base64,[BASE64 CODE]) format('truetype'); 
}

を：

これは私が使用している形式です。私は間違って何をしていますか？

出典

2017-02-23 Baard Kolstad

Tumblrで除外されていますか？それとも実際のページには表示されているのですか？ [例のページがありますか？] – Philip

@Philipフィルタリングされていないようです。最新のバージョンでは、static.tumblr.com上にホストされている外部のスタイルシートを通してロードされています。これは、Base64がコードを混乱させるため、私の好みの方法です。ここで私はwebfontをインポートしようとしているサイトです：khrelated.tumblr.com –

Chromeでページを調べると、次のような複数のエラーが表示されます： 'No 'Access-Control-Allow-Origin'ヘッダーが要求されたリソース。 Origin 'https://khrelated.tumblr.com'はアクセスが許可されていません。このポリシーヘッダーがないため、ファイル自体が読み込まれていないようです – Philip

Base64エンコーダは、動作しなかったコードを使用していたようです。同じ問題が発生した場合は、このエンコーダを使用してみてください：https://www.giftofspeed.com/base64-encoder/

出典

2017-02-25 10:45:18

Base64でTumblrの@ font-faceを符号化しました

答えて

関連する問題