英語以外の言語でウェブページを作っています。
そのため、テキストには英語と他の言語が混在しています。
私は次のようなフォントファミリを割り当てました
p{
font-family: 'EnglishFont', 'NonEnglishFont';
font-size:14px;
}
正常に動作しますが、フォントの元のベクトルサイズが異なるため、混合言語では文が奇妙に見えます。
したがって、1つのcssクラスのフォントに異なるサイズを割り当てたいと思います。
p{
font-family: 'EnglishFont', 'NonEnglishFont';
font-size:14px, 16px;
}
それを行う方法はありますか？
フォントファミリーに依存するようにフォントサイズを設定することはできません。
代わりに、ページ上の両方（またはすべて）の言語に適したフォントを探してみてください。フォントデザイナーは、さまざまな書記体系のさまざまな特性を考慮に入れる必要がありました。通常、たとえばアジア言語用に設計されたフォントにもラテン文字があります（少なくとも基本的なラテン文字。ほとんどの場合、英語で十分です）。
異なる書記体系に異なるフォントプロパティを本当に設定したい場合は、異なる言語を区別するマークアップを使用する必要があります。たとえばlang、HTMLの属性と、CSSの属性に基づくセレクターを使用します。しかし、通常、異なるフォントの使用は、解決策ではなく、避けるべき問題です。