1

私はまだhtmlとcssにかなり慣れていないので、見落としがあるかもしれません。小さなウェブサイトを作成しようとして楽しんでいて、それにフォントを埋め込むことに到達しました。Firefox では動作しますが、Internet Explorer では動作しません。他のブラウザについてはわかりません。ここにサイトへのリンクがあります。L をクリックして 2 番目のページに移動します: http://librarchive.com/newcat.html。このため、ご覧のとおり、いくつかの位置決め障害もあります。

そのため、フォントが正しく機能していません。私は何をしますか？

これが私のcssコードです。フォントの.eotおよび.ttfファイルがあります。

@font-face{ 
font-family: libralust; 
src: url('Futura_Bk.eot'); /* For IE */ 
src: local('libralust'), url('Futura_Bk.ttf') format('truetype'); /* For non-IE */ 
}

body {
font-family: libralust, Verdana, Arial, sans-serif;
text-align:center;
}

私は検索してきましたが、すべてを理解するのに十分な経験はありません。サイトに関するその他のコメントも大歓迎です。助けてくれてありがとう！

4

2 に答える 2

0

すべてのブラウザが Font-Face をサポートしているわけではなく、多くのフォント ext があります。eot、svg、woff、ttf など。

あなたはeotとttfしか持っていないので、これを試してください：

@font-face{ 
    font-family: libralust;
    src: url('Futura_Bk.eot');
    src: url('Futura_Bk.eot?#iefix') format('embedded-opentype'),
    url('Futura_Bk.ttf') format('truetype');
    font-weight: normal; /* thin? normal? bold? */
    font-style: normal;
}
于 2013-02-18T22:21:12.723 に答える
0

これはfontsquirelによって提案されたクロスサイト フォント埋め込みの例です。

@font-face {
    font-family: 'OpenSansLight';
    src: url('/skins/default/media/fonts/OpenSans-Light-webfont.eot');
    src: url('/skins/default/media/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/skins/default/media/fonts/OpenSans-Light-webfont.woff') format('woff'),
    url('/skins/default/media/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
    url('/skins/default/media/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

これで、何が問題なのか理解できますか?

私は別のヒントを指摘します：ローカル

詳細な説明については、これを読んでください: the-new-bulletproof-font-face-syntax および/または bulletproof-font-face-implementation-syntax

于 2013-02-18T22:05:54.520 に答える