2

フォントを埋め込もうとしていますが、問題はFirefoxで表示されるだけで、InternetExplorerでは表示されないことです。

@font-face {
font-family: capture_it;
src: url('fonts/Capture_it.eot');
src: local('Comfortaa_it'),
    url('fonts/Capture_it.ttf') format('truetype'); 
}

どんな助けでも大歓迎です。

ありがとう、

エンネ

4

4 に答える 4

10

フォントフェイスの構文は、特にIEでは注意が必要です。ここで開発したクロスブラウザテスト済みのものを使用してください。http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

次のようになります。

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }
于 2012-04-06T12:02:38.463 に答える
8

さまざまなブラウザがさまざまなフォント形式をサポートしています。http://www.fontsquirrel.com/fontface/generatorを使用して、クロスブラウザを最適にサポートするためのすべての形式を生成できます。

以下は、上記のURLにある表からのものです。

TTF：画面上で見栄えがするように設計された生のTrueTypeファイル。

EOT Lite：EOTはInternetExplorerでのみサポートされています。このEOTタイプは非圧縮であり、TTFと同じファイルサイズです。

EOT圧縮：LZ圧縮でEOT圧縮。多くの場合、ファイルサイズはWOFFよりも小さくなります。

WOFF：gzip圧縮を使用するクロスブラウザのWeb専用フォント形式。IE9 +、FF3.6 +、Chrome 5+

SVG：これはバージョン4.2より前のiOSデバイスで必要なXML形式です。

SVGZ：これはSVGのgzip圧縮バージョンです。

于 2012-04-06T09:26:51.683 に答える
0

個人的にはGoogleFontsを使用します。使用したいフォントに十分近いものが見つかった場合、それらは非常に簡単で、迅速で、クロスブラウザのフォントソリューションです。CufonからGoogleFontsに移行することは素晴らしいアイデアでした。

一見の価値があります-http ://www.google.com/webfonts#ChoosePlace:select

于 2012-04-06T09:31:22.337 に答える
0

正確ではありませんが、近いです：

<style type="text/css">
@font-face {
 font-family: MyWebFont;
 src: url("font.eot") /* EOT file for IE (tested with ie8 and ie9)*/
}
@font-face {
 font-family: MyWebFont;
 src: url("font.ttf") /* TTF file for CSS3 browsers */
}
</style>

次の場所からeotファイルを作成します：http ：//www.kirsle.net/wizards/ttf2eot.cgi

于 2013-04-03T10:16:55.300 に答える