CSSはfont-familyの各フォントのフォントサイズを指定しますか？

Question

使用しているフォントが大きすぎると（実際は大きすぎると）、メインナビゲーションのレイアウトが正しくシフトされません。

フォントファミリの最初のフォントは特定のフォントで優れていますが、2番目のフォント（最初のフォントがない場合に使用されます）は大きすぎるためレイアウトがシフトします。

フォントが大きすぎるためthis similar quesitonが見つかりました。答えは、高さに基づいているのでexユニットを使用することでした。

widthに使用できるユニットがありますか、font-familyの各フォントのフォントサイズを指定する手段がありますか？

Answer 1

代替フォントとして類似のフォントを提供することを検討してください。たとえば、

このように、代替フォントではレイアウトが中断されません。

Answer 2

理想的には、x-small（極小小）、小、中、中 - 小、大、中 - 大、x-largeなどの標準クラスを使用し、これらのクラスを異なるフォントサイズ。本当に大きなものが必要な場合にのみ、常に<h1>, <h2> tagsを使用することができます。私は％をすべての標準として使用します。さまざまなフォントの私の使用では、めったに使用される以下のクラスを壊していません。

.body { 
    font-family: arial,helvetica,clean,sans-serif; 
} 
.x-small { 
    font-size: 77%; 
    letter-spacing: normal; 
} 
.small { 
    font-size: 85%; 
    letter-spacing: normal; 
} 
.med-small { 
    font-size: 92%; 
    letter-spacing: normal; 
} 
.medium { 
    font-size: 100%; 
    letter-spacing: normal; 
} 
.med-large { 
    font-size: 107%; 
    letter-spacing: normal; 
} 
.large { 
    font-size: 114%; 
    letter-spacing: normal; 
} 
.x-large { 
    font-size: 122%; 
    letter-spacing: normal; 
} 
.x2-large { 
    font-size: 131%; 
    letter-spacing: normal; 
} 
.x3-large { 
    font-size: 138.5%; 
    letter-spacing: normal; 
} 
.strong { 
    font-weight: bold; 
}