5

Google Web フォントの Droid Serif フォントには、次のスタイルがあります。

DroidSerif.ttf
DroidSerif-Bold.ttf
DroidSerif-BoldItalic.ttf
DroidSerif-Italic.ttf

CSS 宣言を使用して@font-face、これらのスタイルをすべて「Droid Serif」の下にインポートしfont-family、属性を使用してfont-weight太字や斜体にするかどうかを指定したいと思います。次のように、それぞれを個別にインポートする必要はありませんfont-family。

@font-face {
    font-family: 'Droid Serif';
    src: url('../fonts/DroidSerif.ttf');
}

@font-face {
    font-family: 'Droid Serif Bold';
    src: url('../fonts/DroidSerif-Bold.ttf');
}

@font-face {
    font-family: 'Droid Serif BoldItalic';
    src: url('../fonts/DroidSerif-BoldItalic.ttf');
}

@font-face {
    font-family: 'Droid Serif Italic';
    src: url('../fonts/DroidSerif-Italic.ttf');
}

これは可能ですか？

PS Google Web フォントのインポート手法をそれぞれ試しましたが、どれも IE 9 では機能しません。

4

1 に答える 1

2

この記事は、@fontface の防弾使用について説明するのに役立ちます。読み進めると、IE に役立つ情報が見つかります。

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

私は個人的に font squirrel を使用し、さまざまなファイルの種類を参照して、すべてのブラウザーを快適に保ちます。あなたができないと私が知る限り、あなたがあなたの求めていることをできるかどうかはわかりません。

これは、@fontface のフォントの太さの説明にも役立ちます。フォントが特定の太さであると指定しない限り、それを変更することはできません。http://css-tricks.com/watch-your-font-weight/

于 2012-08-15T12:24:26.457 に答える