半角英数字と全角文字でスタイルを使い分けたい

質問

半角英数字と全角文字でスタイルを使い分けたいのですが、そのようなことは可能でしょうか？

何をしたいのかといいますと、以前からアルファベットが日本語よりも一回り小さく表示されてしまうのが気になっていたため（当方Windowsを使用しています）、日本語を一回り小さく表示させたいのです。

もし方法をご存知の方おられましたらどうぞよろしくお願いいたします。

回答No.1

quads · ベストアンサー

技術的には JavaScript 等で文字列を評価する必要性がでてきます。
現在の CSS ではそのようなメソッドは用意されていません。

しかしながら、フォントセットを指定することで回避できないでしょうか？
> 以前からアルファベットが日本語よりも一回り小さく表示されてしまう
これはアルファベットのフォントサイズを大きくすることでしか解消できない問題なのでしょうか。

アルファベット（半角英数字）が全角文字に比べて小さな特定のフォントセットを指定していることを前提としての質問でしょうか？

お礼

現在body タグに以下のスタイルを使用しています。
font-family: Times, Georgia, serif;

やはり漢字がどうも大きく見えるので、何か対処方法を探しています。できましたら、JavaScriptの使用は避けたいと思っています。

フォントの指定に関してなのですが、Times や Georgia 以外で漢字と同じくらい大きいもので、セリフのあるフォントだとどのあたりが良いでしょうか？

回答No.2

key-child

> 一回り小さく表示
縦にも横にも小さく表示されているって事でしょうか？

全角１文字　：　半角２文字
上記の横幅を比べた場合、同じじゃないというのならプロポーショナルフォントを使っているためでしょう、等幅フォントを指定しましょう。
セリフ付が希望なら"ＭＳ 明朝"あたりなのかな？

縦幅についてはおそらく錯覚でしょう。
全角縦幅内に違和感なく「A」「a」「q」を表示しようとするなら、ある程度小さくなるかと

お礼

ありがとうございます。参考にさせていただきます。