フォールバックフォントのフォント定義内にfont-weightプロパティを追加するにはどうすればよいですか？

Question

このプロジェクトでは、テキストセグメントを太くするためにFira Sans Boldを使用しています。フォールバックとして、Lucida Sans Unicodeとのfont-weightをと太字のに設定して使用します。

はしかし、我々はルシーダサンズのUnicodeためフォントの太プロパティをあらかじめ設定する必要がある問題に遭遇します。

これを行うにはどうすればよいですか？

私は@ font-faceを試しました。

@font-face { 
    font-family: 'Lucida Bold'; 
    font-weight: bold; 
    src: local('Lucida Sans Unicode'); 
} 

しかし、問題は、フィラSANは太字使用している間、我々は唯一のフォントファミリに依存していると、このようなフォントの太さなどのフォントを厚くする他、他の方法を使用しないでください：大胆、強いです、bなど。これは@ font-faceには不十分です（私はここで質問を提起しました：What can be the reason for @font-face failing to work?）

アイデアに感謝します。

Answer 1

font-weight/font-styleなどの宣言は、@ font-faceルールに一致するテキストにのみ影響します。

フォントフェイスが太字であるかそうでないため、font-weight:boldを宣言しても太字になることはありません。 のテキストが太字になっている場合は、表示されます。

テキストのfont-weightがnormalの場合、おそらくFira Sans Boldを使用するテキストは太字になります。

@font-face { 
    font-family: 'MyLucidaFont'; 
    font-weight: normal; 
    src: local('Lucida Sans Unicode Bold'); 
} 

「私のテキストはfont-weight:normalされ、次にこのフォントフェースが適用されfont-family:"MyLucidaFont"使用するたびに」：それは、フォントの太さはこのように、通常あるたびに一致するルシーダの大胆な顔をお勧めします意味しますその後

：

font-family:"Fira Sans Bold","MyLucidaFont" 

これは、あなたのフィラなき太字の定義を変更することはできませんと仮定しています。あなたは、それを確認するために、代わりにそれを変更した方がよいと思いますができればあなたの文章text-weightがboldある時はいつでも、それが適用されます。

/* We don't need to declare Lucida at all if we change this one */ 
@font-face { 
    font-family: 'Fira Sans'; 
    font-weight: bold; /* That's more like it! */ 
    src: url('/FiraSansBold.woff'); 
} 

テキストがfont-weight:boldを持っていつfont-family:"Fira Sans","Lucida Sans Unicode"は、それは、フォールバックで太字にすることでしょう。

"Lucida Sans Unicode"はフォントファミリーです。 のフォント面がのグループです。

Answer 2

私はシンプル

.supposedly-bolded-text { 
    font-family: 'Fira Sans Bold', 'Lucida Bold'; 
    font-weight: bold; 
} 

があなたのためにトリックを行うだろうと思います。