CSSの英字と日本語のフォントサイズを変える

Question

英字フォントに比べ日本語フォントが大きく感じることがあると思うのですが、その際、英字と日本語でフォントサイズを変えることはできるのでしょうか。
:lang で言語ごとの設定ができますが、HTMLで設定していた場合のみでしたので、想像通りにはなりません。

<p>  
  テストtestTEST  
</p>

Comments

[m.ts10806]

提示コードはhtmlのみのようですが、cssで何かしら試されましたか？フォントの仕様に依存するので無理やりやったとして不整合が起きそうにも思います

[yoshinavi]

フォントの大きさ等気に入る設定にすれば良いと思います。どのように設定しているのか分かるHTML・CSSコードと、どのように設定したいのかを詳しく書かれると、回答もつきやすくなると思います。

[2001Y]

遅くなってすみません。CSSのコードということですが、自分の知っている中、調べた中ではできず、擬似クラスの:langなどはありましたが、思っていたのとは違う動作でした。エラーが起こるなどのミスがわからないコードがなく、載せられるコードがありませんでした。

[m.ts10806]

できてないコードでいいんですよ。できてるコードは質問する必要ないですから。要はあなたが具体的に何をして詰まっているかがわかって、その再現確認ができれば良いので

Answer 1

適切なフォントを選択するのがいいと思うのですが、対応フォントであれば太さを変えることができます。

p {
  font-stretch: ultra-expanded;
}

また、英字にも日本語フォントを使っている場合(Arialなどが優先されていない場合)であれば、全角幅に広げることができます。

p {
  font-variant-east-asian: full-width;
}

https://developer.mozilla.org/ja/docs/Web/CSS/font-stretch
https://developer.mozilla.org/ja/docs/Web/CSS/font-variant-east-asian