2012-04-22 8 views
9

クライアントのカスタムフォントフェイスがIE8に表示されない。これはIE 9で表示されます& 7、Chrome obv。なぜIEのこの1つのバージョンが問題を引き起こしているのかわかりません。ここで私は、SRCのスマイリーの顔は本当にわからないんだけど、私はここにInternet Explorer 8で@ font-faceを取得できない

<!--[if IE 8]> 
    <link rel="stylesheet" type="text/css" href="../styles/ie/cherokee_ie.css" /> 
    <![endif]--> 

そして、私のhtmlでのステートメントを含めるcherokee_ie.cssファイル

@font-face { 
font-family: 'cherokee'; 
src: url('../../custom.eot'); 
src: url('../../custom.eot') format('embedded-opentype'), 
src: local('☺'), url('../../font/custom.woff') format('woff'), url('../../font/custom.ttf')    format('truetype'), url('../../font/custom.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

h1 ul li { 
    font-family:cherokee; 
} 

されている:ローカルがやっているが、私が見つかりました。このコードを別のSOに質問がIE7で完全に機能するようにしました(または少なくともBrowserLabを通して見ることができます)。

また、Browserlabよりも速くビューを生成する方法はありますか?

+2

スマイリーについて:Internet Explorerは、その値の残りの部分を読み込み、サポートしていない他の種類のフォントと 'format()'を使用しようとしません。 – Ryan

+0

ああ、きちんとしている。私はあなたがそれを行うことができるかどうかはわかりませんでしたその特殊文字に特別なのですか、それとも空の文字で行うことができますか? –

+2

何かがうまくいく - トリックはIEが 'local()'をまったくサポートしていないということです。一般的でない文字が使用される理由は、実際のローカルフォントがアクセスされないようにすることです。そのため、セキュリティ上の問題が生じることがあります。 [この記事](http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/)にはさらに詳しい情報があります。 – Ryan

答えて

4

IE条件を外しても使用し、あなたのCSSに

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

} 

これを置く「...」そう

h1 ul li { 
    font: 18px/27px 'cherokee', Arial, sans-serif; 
} 

のようなカスタムフォントフェイスフォントのためにも、あなたのパスが設定されているかどうかを確認正しく

関連する問題