CSSクロスブラウザフォントのサポート - 太字とイタリックが機能しない

デフォルト以外のフォントを使用する必要があるページがあり、誰もがこれらのフォントを持っているわけではないので、CSSでクロスブラウザフォントのトリックを使用しています。コードは、この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'); 
     }

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

出典

2012-05-02 AdamM

可能な複製：http://stackoverflow.com/questions/2436749/how-to-define-bold-italic-using-font-face – Xaisoft

@AdamM動作するブラウザについて特定の詳細を追加するとそれはどのブラウザーにもありません。 – Ozzy

私の問題であるブラウザでは、太字や斜体の機能が動作していないようです。フォント自体は完全に動作します – AdamM

大胆なファイルを指定して別の@ font-faceを追加し、font-weightプロパティを太字に設定するだけです。

出典

2012-05-02 14:00:55

私がダウンロードしたフォントの種類の一部を除いて、大胆なファイルを持っていない、それはすべて私が使用しているbebasフォントのように、1つに含まれています。私がそれをインストールすると太字と斜体はうまくいきますが、それをアンインストールしてからCSSテクニックを使って動作させると、太字はうまくいきません – AdamM

その後、同じフォントファイルを使用します –

これも試しました。残念ながら – AdamM

-2

あなたはHTML方法でサイト上のコンテンツを表示する場所には、太字や斜体のため<i></i>ため<strong></strong>のようなHTML Tagを使用しますが、 Googleはあなたのウェブサイトにインストールされていないフォントを追加するためのきちんとした方法を持っていますGoogle Fonts。それはかなりうまくサポートされています。

出典

2012-05-02 13:59:32

プレゼンテーションをコンテンツと混同しないでください。これは非常に悪いフォームです。 CSSをスタイリングに使用する必要があります –

@JohmDonもしあなたのブラウザでサポートされていない場合はどうしますか？ –

あなたはそれに対処しなければならないと思います。 –

に私は、これはあなたがこれをconsidderと何かであるかどうかわからないんだけど、そのことはできない場合

出典

2012-05-02 14:00:50 Manuel

CSSクロスブラウザフォントのサポート - 太字とイタリックが機能しない

答えて

関連する問題