1

私はこのcssをネット上で見つけました、どうやらそれはフォントフェイスのクロスブラウザ互換性を作ります！

@font-face {
    font-family: 'Yanone Kaffeesatz Regular';
    src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot');
    src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot?iefix') format('eot'),
         url('fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
         url('fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
         url('fonts/YanoneKaffeesatz-Regular-webfont.svg#webfont1BSMunJa') format('svg');
    font-weight: normal;
    font-style: normal;
}

しかし、.svg＃webfont1BSMunJaの最後にあるその変数が何であるかを理解できません。サンプルサイトで使用されているものとは異なるフォントを使用している場合、その最後の部分を変更する必要がありますか？それは何をするためのものか？？

そして別の質問は、double src：必要ですか？いくつかの例では、最後にiefixが付いた行が存在しませんでした。

In this resource they state this way of doing thing should work also in ie6-9, but under 9 fonts are not actually loaded. http://www.960development.com/how-to-write-cross-browser-font-face-syntax/

4

2 に答える 2

1

http://www.fontsquirrel.com/fontface/generatorにアクセスすると、必要なものと不要なものが説明されています。

@font-face は、IE9 より下では十分にサポートされていません。その実装は非常にうまくいかない可能性があります。

非 Web セーフ フォントをクロス ブラウザー互換にしたい場合は、http://typekit.comを試す必要があります。これは有料（比較的低価格ですが）のサービスです。

これが役立つことを願っています。

于 2012-04-26T16:58:38.767 に答える
0

私が見つけた解決策はこれです：

@font-face {
    font-family: 'PFRondaSeven';
    src: url('font/pf_ronda_seven_bold-webfont.eot');
    src: local('☺'),
         url('font/pf_ronda_seven_bold-webfont.woff') format('woff'),
         url('font/pf_ronda_seven_bold-webfont.ttf') format('truetype'),
         url('font/pf_ronda_seven_bold-webfont.svg#webfont2zOjOL6G') format('svg');
    font-weight: bold;
    font-style: normal;
}

だから私はこれを変更しました: url('fonts/YanoneKaffeesatz-Regular-webfont.eot?iefix') format('eot'),

笑顔に…

于 2012-04-27T10:14:15.607 に答える