デフォルト以外のフォントを使用する必要があるページがありますが、すべての人がこれらのフォントを使用しているわけではないため、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');
}
これで、このコードは私が試したすべての異なるフォントで完全に機能するので、非常に満足しました。ただし、私の問題は、テキストを太字または斜体にしようとすると、フォントがインストールされていないと機能しないことです。これを回避する方法はありますか?または、これはクロスブラウザフォントサポートの制限ですか?