6

@font-face に問題があります。実際、Safari、Internet Explorer 7 以降、Windows の Firefox では問題なく動作しますが、Mac の Firefox ではまったく動作しません。

防弾 @font-face 記事のコードを使用しています

これが私のコードです：

@font-face {
    font-family: "QlassikMediumRegular";
    src: url("../fonts/Qlassik_TB.eot");
    src: local("Qlassik Medium Regular"), local("QlassikMedium"), url("../fonts/Qlassik_TB.ttf") format("truetype")
}

@font-face {
    font-family: "QlassikBoldRegular";
    src: url("../fonts/QlassikBold_TB.eot");
    src: local("Qlassik Bold Regular"), local("QlassikBold"), url("../fonts/QlassikBold_TB.ttf") format("truetype")
}

問題のサイトへのリンクは次のとおりです。リンクテキスト

4

2 に答える 2

2

私は通常、より拡張された@font-face宣言を使用します。

@font-face {
font-family: 'TypewriterOldstyle';
src: url('../fonts/typeo-webfont.eot');
src: url('../fonts/typeo-webfont.eot?#iefix') format('eot'),
     url('../fonts/typeo-webfont.woff') format('woff'),
     url('../fonts/typeo-webfont.ttf') format('truetype'),
     url('../fonts/typeo-webfont.svg#webfonty9r23iiq') format('svg');
font-weight: normal;
font-style: normal;
}

http://www.fontsquirrel.com/fontface/generatorで生成してみることができます

于 2012-06-15T13:40:51.537 に答える