2012-02-19 16 views
1

私はサイトビルドのテスト段階にあり、ie9で動作するフォントを取得できません。奇妙な部分は、彼らがちょうどうまく動作するということです。ie & ie8互換モードではANDです。おそらく見知らぬ人でさえ、デモファイルがうまく動作するということです。私は、これは私が配管が乱れているかもしれないことを示唆して実現するが、私はどこに問題を見つけることができません。なぜ@ font-faceはie9で壊れていますか?

私はこのサイトのie9のフォントをすべて壊しているのかと疑問に思います。

EDIT:以下のコードを更新しました。それでも問題は発生しています。

以下は、問題のフォントの1つの関連情報とサンプルコードです。合計で5つのフォントがあり、それらはすべてこの正確な方法で設定され、同じ問題を経験しています。

テストサイト:http://dev.citylightphilly.com

ファイル構造:すべてのフォント& stylesheet.cssで/ WP-コンテンツ/テーマ/ my_theme /フォント/

HTML(header.phpの中)

<!-- @Font-Face Webfonts --> 
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ? >/fonts/stylesheet.css" /> 
<!-- CSS : implied media="all" --> 
    <?php versioned_stylesheet($GLOBALS["TEMPLATE_RELATIVE_URL"]."style.css?v=2") ?> 

CSS(/fonts/stylesheet.css)

@font-face { 
font-family: 'NovecentowideBold'; 
src: url('Novecentowide-Bold-webfont.eot'); 
src: url('Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'), 
    url('Novecentowide-Bold-webfont.woff') format('woff'), 
    url('Novecentowide-Bold-webfont.ttf') format('truetype'), 
    url('Novecentowide-Bold-webfont.svg#NovecentowideBold') format('svg'); 
font-weight: normal; 
font-style: normal; 

CSS(style.cssに)

h3, h4, h5, h6, nav { 
    font-family: 'NovecentowideBold', 'Myriad Headline', Tahoma, Calibri, sans-serif; 
} 
+1

これはワードプレスの質問ではなく、CSSの質問です。 –

+0

WP電源のサイトでCSSの問題が発生しても、WPの質問にはなりません。スタックオーバーフローへの移行ここではこれが話題になり、質の高い回答が得られます。 – EAMann

+1

NovecentowideMedium≠Novecentowide-Medium – Knu

答えて

0

私はそれがこのセクションを削除してください

http://dev.citylightphilly.com/wp-content/themes/citylight2/style.css

で見つかったCSSのコードかもしれないと思う:他に

body, p, li { 
    font-family: ; 
    line-height: 150%; 
} 

すべてが私にはよさそうです。

+0

ありがとうフォントリス - いくつかの時間。私は入力を感謝します。私はそこに空の要素があることを認識していませんでした。 – timshutes

+0

これは問題を修正しました - ありがとうございました! – timshutes

+0

時には問題が卑劣です。実際にSafariのWebインスペクタでこれを理解しました。 :-p –

0

この1つの

@font-face { 
    font-family: "actuall font name"; 
    src:url("http://localhost//fonts/fontname.TTF "); 
} 

のsrc URLはドメインを完全にする必要がありますしてみてください。

+1

私は実際にこの問題でいくつかの読書をしました - そして、私はie9がクロスドメインフォントリクエストを実際にブロックすると思います。この投稿を参照してください:http://stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-origin-web-font – timshutes

+0

私のためにこの作品はうまくいきます、多分あなたはie9の互換性のあるビューでこれをチェックしています。 f12開発ツールとブラウザモードを変更して確認してください... –

+0

@ font-faceは互換モードで実際に動作しますが、普通ではありません。 – timshutes