2

デフォルト以外のフォントを使用する必要があるページがありますが、すべての人がこれらのフォントを使用しているわけではないため、CSSでクロスブラウザーフォントトリックを使用しています。コードはこちら

@font-face {
            font-family: 'Bebas';
            src: url('Bebas.eot');
            src: local('Bebas'), 
                 local('Bebas'), 
                 url('Bebas.ttf') format('truetype'),
                 url('Bebas.svg#font') format('svg'); 
        }

これで、このコードは私が試したすべての異なるフォントで完全に機能するので、非常に満足しました。ただし、私の問題は、テキストを太字または斜体にしようとすると、フォントがインストールされていないと機能しないことです。これを回避する方法はありますか？または、これはクロスブラウザフォントサポートの制限ですか？

4

3 に答える 3

1

必要なのは、bold ファイルを指定する別の @font-face を追加し、font-weight プロパティを bold に設定することだけです。

于 2012-05-02T14:00:55.273 に答える
0

これがあなたがこれを検討するものかどうかはわかりませんが、Google には、インストールされていないフォントを Web サイトに追加するためのきちんとした方法がありますGoogle Fonts。それはかなりよくサポートされています。

于 2012-05-02T14:00:50.167 に答える
-2

cssで不可能な場合は、サイトでコンテンツを太字や斜体のようにHTML使用して表示する場合は常にHTML Tag<strong></strong><i></i>

于 2012-05-02T13:59:32.867 に答える