2011-12-08 8 views
3

IE9で@font-faceを使用中に奇妙な問題が発生しました。私はWOFF、EOT、SVGにしたい書体のTTFをfont-squirrel@ font-face IE9の文字/グリフがありません

のように変換しました。これはうまくいきました。私はPaul Irish's @font-face CSSを使ってChrome/SafariとFirefoxで動作するタイプを得ることができました。問題はIE9です。

IE9で表示すると、フォントを使用しているテキストに文字がありません。例えば、語句

The quick brown fox jumps over the lazy dog 

h uick bro n fox ju p o r th lazy do 

として表示Iをさらに調査するために別個する@ font-face宣言として各フォントを設定します。クロム(例えば)はWOFF、TTF、SVGを使って上記のフレーズを細かくレンダリングします。奇妙なことに、IE9はWOFFとTTFを同じ欠落文字でレンダリングします。ただし、EOTはロードされません。

誰でも原因が考えられますか?どんな助けもありがとう。

Comparison image showing the above visually

編集2011.19.12:すべてのあなたの答えのおかげで、私はまだこの問題の解決策を見つけていませんでした。それが起こると、私たちのデザイナーの一人が、彼らが使用したい別のフォントを見つけました。問題はそれほど重要ではありませんが、私はまだこれを最後まで知りたいと思います。

+0

レンダリングされたソースをページでチェックすると、HTML内のすべての文字が表示され、表示されません。あるいは、HTMLにうまく描画されていないのでしょうか? –

+0

レンダリングされたソースにすべてがあります。奇妙なことに、文章をコピーしてメモ帳に貼り付けると、その文字はすべてそこにあります。 –

答えて

2

は...どちらかの(a)は、フォントの種類との互換性の問題、または(b)の破損方法IE9がフォーマット権をレンダリングしているが、他のブラウザであると間違っていますIEで扱えない変換では?私は症状を再現することができなかったので、これは本当の答えではないかもしれません。

私はリスで新鮮な変換を行い、スクリプトを使用してブラウザエージェントを検出し、必要に応じてほとんどのIE互換のフォントフェイスを読み込み、次にChrome/FFやその他のWebkitブラウザ用のスクリプトを読み込みます。

これが役立つかどうかお知らせください。

+0

あなたの答えをありがとう、私は成功せずにフォントを再度変換しようとしました。私がこれをソートするまでは、IE用の単純な筆記体フォントを表示するために ''条件タグを使用しています。 –

+0

私はこの回答を受け入れ、賞金を授与しています。私は別のフォントを使用して終了し、問題がIEにのみ影響するフォントの破損であると仮定することができます。私はまだ確信が持てませんが、これが最善の説明です。 –

+0

Liamありがとうございます。私たちはあなたのためにより良い答えを見つけることができなかったのは申し訳ありません。私はそれをIEのquirksリストに追加します。うれしいことに、あなたは適切な仕事を見つけることができました。 –

0

文字間隔を実験してみると、これが役立ちます。それは何かのように聞こえる私に

http://forums.mozillazine.org/viewtopic.php?f=9&t=2326571

+0

非常に便利ですが、Firefox固有のようです。それにもかかわらず、私はそれを行ったが、私はまだIE9の文字が欠けている。 –

+0

カーニングは問題ではありません。 –

1

<!--[if IE9]><[endif]-->条件タグを使用して、IEで動作するフォントを表示してみてください。

私はこの問題についてマイクロソフトに連絡します。Windows Updateなどで修正プログラムを提供したり、一部の修正プログラムを公開したりする可能性があります。

+0

one.beat.consumerの回答に対する私のコメントを参照してください - 私はこれをすでにやっています。しかし、お返事ありがとうございます。 –

+0

@liam申し訳ありませんが、私はそれを見ませんでした。 –

1

私はこの問題を抱えていました.fontsquirrel.comで作成された2つのWebフォントには、IE9では文字が欠けていましたが、他のブラウザはありませんでした。 v9はWebフォント用の.woffファイルを拾う唯一のIEバージョンだと思われますが、他のブラウザでも鉱山を使っていますがIEはそうではありませんでした。奇妙なことに、私は& .ttfファイル情報.woffファイルを変換するコマンドラインツールsfnt2woffを使用してこの問題を解決しました。私はfontsquirrelが生成した他のwebfontファイルをすべて保存しましたが、壊れたフォントの.woffsをsfnt2woffのものと置き換えました。IE9ではうまくいっていました。

+0

このツールの使用方法に関するドキュメントはありますか?ファイルを解凍し、開くファイルがわからない – user1380540

0

昨日、IE9でfonts.comのwebfontを使ってこの問題に直面しました。何時間もかかりましたが、使用していた.eofフォントは、fonts.comで何らかの形で破損していました。私の場合は、JSを経由するのではなく、フォントをホストしていました。したがって、フォントをダブルチェックしてください。希望が役立ちます。

0

今日この問題はMyFontsのCantoniを使用していました。 IE9以外はすべて表示されます。私はいくつかの場所でヘッダーのためにそれを使用しています。すべてのヘッダーで最初の1〜2文字が消えます。

私がそれを確実に修正するために管理したのは、紛失した各文字のヘッダーの前に&nbsp;を追加することだけでした。それほど清潔ではなく、なぜそれが働いているのかもあまりよく分かりませんが、それは私のためです。残念なことに、ヘッダーを適切に整列させるために、テキストの字下げを使用する必要があります。

関連する問題