2

jqueryポップアップにフォントフェイスを適用しました。Chrome と Firefox では動作しますが、IE ブラウザーでは動作しません。

Font Face Code in css
----------------------

@font-face {
font-family: "pt-sans";
    src: url("https://www.example.com/font/PTS55F.eot");
    src: local("pt-sans"),
     url("https://www.example.com/font/PTS55F.woff") format("woff"),
     url("https://www.example.com/font/PTS55F.ttf") format("truetype"),
     url("https://www.example.com/font/PTS55F.svg") format("svg"); 
 }

Code added in .htaccess
----------------------

# BEGIN REQUIRED FOR WEBFONTS

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff

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

# END REQUIRED FOR WEBFONTS

上記のコードを追加すると、フォントフェイスはページで機能しますが、ポップアップフォントフェイスで同じことを試しても機能しません。

これについて私を助けてください。

4

5 に答える 5

6

それは古い IE のバグです ;)

防弾 @font-face 構文:

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

何?理解できません。

これを機能させる裏技は、?次の EOT ファイル名です。マジで。

ブラウザの互換性

Safari 5.03、IE 6-9、Firefox 3.6-4、Chrome 8、iOS 3.2-4.2、Android 2.2-2.3、Opera 11


編集:あなたは困っているようです、私は同様の質問を掘り下げていました.IEはサイトのドメイン外でホストされている@fontfaceフォントを使用できないようです(ページがhttp://www.mysite.com/pageにある場合-何らかの理由で、フォントはhttp://www.mysite.comにもある必要があります。ドメインに EOT ファイルを配置して、再試行してください。

この同様の質問も役立ちます。

問題の解決策はほとんどありません。幸運を!

于 2013-02-06T09:18:34.393 に答える
3

css でこの Font Face Code を試してください:

@font-face{
font-family:'pt-sans';
src:url('https://www.mysite.com/font/PTS55F.eot'); // IE9 Compat Modes
src:url('https://www.mysite.com/font/PTS55F.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('https://www.mysite.com/font/PTS55F.woff') format('woff'), // Modern Browsers
url('https://www.mysite.com/font/PTS55F.ttf') format('truetype'), // Safari, Android, iOS
url('https://www.mysite.com/font/PTS55F.svg#pt-sans') format('svg');  // Legacy iOS
font-weight:normal;
font-style:normal
}

または、あなたのフォントをhttp://www.fontsquirrel.com/fontface/generatorにアップロードしてfont-face kit と css を入手することもできます。これはすべてのブラウザーで動作します。

于 2013-02-06T09:22:45.677 に答える
2

これは私が使用するコードです。しかし、htaccessコードは必要ありませんでした。問題はありませんでした。

@font-face 
{    
    font-family: 'Robotothin';

    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#Robotothin') format('svg');

}
于 2013-02-06T09:04:48.090 に答える
1

これは古い質問ですが、考えられるすべての解決策を適用した後でもIEで同じ問題に遭遇したので、今答えた方が良いと思います。ここで問題となっている Web サイトはローカル サーバーでホストされていると想定していますが、これは基本的に IE の問題です。気付くのに少し時間がかかりましたが、ライブ Web サイトには機能するフォントがあり、ローカル バージョンには機能していないことに気付きました。デフォルトでは、IE には通常、ローカルでホストされている Web サイト (イントラネット) のブラウザーで互換表示モードを表示する設定が適用されています。これは、一部のスタイル設定が意図したとおりに正しく機能しない可能性があり、インポートされたフォントが機能しないことが多いことを意味します。

この設定を無効にするには、右上の歯車アイコンをクリックして IE メニューに移動し、[互換表示設定] をクリックして、[イントラネット サイトを互換表示で表示する] のチェックを外します。 IE11を使用していますが、これはまだ発生しているため、IEも無制限のタブしか取得できなかったため、今後何年も同じになる可能性があります.

于 2014-07-28T11:43:52.477 に答える