※ ChatGPTを利用し、要約された質問です（原文：CSSです。英数字のみArial書体にするようなCSSは）
CSSで英数字のみArial書体にする方法
このQ&Aのポイント
CSSで英数字のみArial書体にする方法を教えてください。普段は日本の文字をゴシックに統一したいのですが、英数字だけをArialにしたいです。
ゴシックで書かれた英数字は無骨な印象があるため、Arialの見た目が好きです。しかし、HTML全体を切り替えるのはややこしいです。
そこで、条件つきのCSSを使用して英数字のみをArialにする方法を知りたいです。また、Arialのフォントサイズが大きくなるとさらに嬉しいです。
CSSです。英数字のみArial書体にするようなCSSは
宜しくお願いいたします。
bodyのCSSです。
普段、日本の文字はゴシックに統一したいのですが、
英数字のみ、できればArialにしたいのです。
「普通文字はゴシックのまま、英数字だけをArial書体にするようなCSS」
このような条件つきのCSSって、作れるでしょうか。
英数字のときだけ、Arialになってくれればすごく良いです。
個人的なイメージですが、Arialの英数字は見た目が好きです。
ゴシックで書かれた英数字はちょっと無骨な気がしています。
はじめからCSSスタイルをゴシックとArialの両方を用意する手もあります。
ただ、この方法ですと英数字が出るたびに切り替えなくてはなりませんし、
HTML全体が無駄にややこしくなるかな、とも思っています。
ですので、上記のような条件つきで発動するArialのCSSが実現できれば、大変嬉しいです。
また、Arialのときにちょっとサイズが大きくなればなお嬉しいです。
本当に素人ですが、どうぞ方法がありましたらお教えください。
もちろん表示結果はブラウザにもよるかもしれません。
宜しくお願いいたします。
お礼
まさにこれです！有難うございました！ 一発で解決できましたし、4rogさんには、大変感謝いたします！ この方法はたぶん教科書や技法書でもなかなか見つけられないと思いますので、 本日この場で回答を得られて本当に良かったです。 （こんなニッチなテクニックはなかなか探せないですよね^^;） 本当に、有難うございました！