0

wordpressのプラグインを作っています。フォントをtinymceに動的にロードしています

//load font to iframe
function loadFontFace(fontId)
{

    var iframe = jQ('#content_ifr').contents();
    var head = iframe[0].getElementsByTagName('head')[0];
    var linkElement = jQ(document.createElement('link'));
    linkElement.attr({href: 'http://fontsforweb.com/font/generatecss/?id=' + fontId, rel: 'stylesheet', type: 'text/css'});
    linkElement.prependTo(head);
}

Firefox 以外ならどこでも動作します! ネットワーク タブの Firebug は、CSS と TTF フォント ファイルが読み込まれていることを示していますが、効果がありません。

ほとんど機能しているため、webfont loader は使用しません。

4

1 に答える 1

0

htaccessの場合：

<FilesMatch "\.(eot|otf|woff|ttf)$">
 Header set Access-Control-Allow-Origin *
</FilesMatch>

問題を解決しました

何時間も検索した後、私はそこに着いているようです！firebugのネットタブのTFFファイルには1KBしかないことがわかります。しかし、それは17KBです。解決策はすぐに私自身でここにあります:)

30分後に編集これらはネットパネルのfirebugからのファイルの詳細です：

私のフォント（機能していません）：
Content-Encoding gzip
Server Apache
Etag "225c018-4448-480e34c5df480"
Accept-Ranges bytes
Content-Type text / plain
Age 176
Date Wed、19 Jan 2011 23:03:31 GMT
Last-Modified Wed、 2010年3月3日10:53:54GMT
の有効期限2011年1月20日木曜日23:03:31GMT
転送-チャンク化されたエンコーディング

google font（working）：
Content-Type font / ttf
Content-Encoding gzip
Expires Thu、20 Jan 2011 16:45:42 GMT
Date Wed、19 Jan 2011 16:45:42 GMT
Access-Control-Allow-Orig .. .. *
最終変更火曜日、2010年9月21日17:51:21 GMT
Content-Length20232Content
-Dispositionアタッチメント。filename = "Cuprum.ttf"
X-Content-Type-Options nosniff
X-Frame-Options SAMEORIGIN
X-XSS-Protection 1; mode = block
Server GSE
Cache-Control public、max-age =
86400Age23113
接続キープアライブ

于 2011-01-20T01:37:34.887 に答える