2012-04-26 1 views
1

このCSSはネット上に見つかりました。font-faceは.svgフォントファイルの末尾に変数の使用を把握できません

@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の末尾にあるかを把握することはできませんか?それは何をするためのものか??

もう1つの質問は、ダブルsrcですか?いくつかの例では、最後にiefixがある行は存在しませんでした。

このリソースには、ie6-9でも動作するはずのこの方法が記載されていますが、実際には9つのフォントがロードされていません。 http://www.960development.com/how-to-write-cross-browser-font-face-syntax/

答えて

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( 'フォント/ YanoneKaffeesatz-レギュラーwebfont.eot iefix?')フォーマット( 'EOT')、

をスマイルの顔に...

1

http://www.fontsquirrel.com/fontface/generatorに向かい、何が必要であるかを説明します。

@ font-faceはIE9ではうまくサポートされていません。それの実装は非常にヒットし、ミスすることができます。

Webセーフではないフォントをブラウザ間で互換性を持たせるには、http://typekit.comを試してください。これは有料のサービスです(比較的小額ですが)。

こちらがお役に立てば幸いです。私が発見した

+0

しかし、このリソースでは、彼らはそれもまた、Ie-6-9で動作するはずだと述べています。 http://www.960development.com/how-to-write-cross-browser-font-face -syntax/ –

+0

そして、IEがfont-faceをサポートしていないと言うのは間違いです。それはie5以来それをサポートしています。ちょうど実装が異なります。そして、それは私が混乱して見つけるものです。 –

+0

私は訂正し、これを反映するために私の答えを変えました。私が言わなければならないことは、IE9の下の@ font-faceの実装が非常にうまく行きました。私はあなたがこれを並べ替えることを望みます。クリス・コイアーズの記事を試しましたか? http://css-tricks.com/snippets/css/using-font-face/ – frontendzzzguy

関連する問題