0

そこで、@font-face を Mozilla Firefox 3.6 で動作させるためにあらゆることを試しました。問題は、Tumblr ブログで @font-face を使いたいからだと確信しているので、Tumblr アップローダーでフォントをアップロードしています。

@font-face {
font-family: feel_scriptregular;
src: url(http://static.tumblr.com/3fk4soa/zKcm8o1y2/feel_script.otf);
src: url(http://static.tumblr.com/3fk4soa/IyZm8o1sa/feel_script-webfont.eot?#iefix) format(embedded-opentype),
     url(http://static.tumblr.com/3fk4soa/wgFm8o1tk/feel_script-webfont.woff) format(woff),
     url(http://static.tumblr.com/3fk4soa/wlLm8o1us/feel_script-webfont.ttf) format(truetype),
     url(http://static.tumblr.com/3fk4soa/tofm8o1vl/feel_script-webfont.svg#feel_scriptregular) format(svg);
}

二重引用符 (") や単一引用符 (') を使用したり、何も使用しないと機能せず、もうどうすればよいかわかりません.. :/

4

2 に答える 2

5

これはクロスドメインフォントの問題です。同じドメイン上にあるか、HTTPヘッダー「Access-Control-Allow-Origin」が存在する必要があります。

nginxのソリューション-https : //gist.github.com/1131897＆https ： //serverfault.com/questions/186965/how-can-i-make-nginx-support-font-face-formats-and-allow- access-control-allow-o

したがって、自分のホスティングにフォントをアップロードし、apache/nginxを修正して正しいヘッダーを提供するだけです。

于 2012-08-13T00:15:12.250 に答える
2

これはクロスドメインの問題です。独自のサブドメインから static.tumblr.com にアクセスすることはできません。CSSにフォントを埋め込むことで、以前にテーマでこれを解決しました。このジェネレーターにアクセスしてエキスパート オプションを選択すると、[Base64 エンコード] ボックスにチェックを入れることができます。.woff および .tft データは css の一部であるため、tumblr で動作します。

于 2012-08-13T15:38:15.193 に答える