CSSで英数字のみArial書体にする方法
- 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のときにちょっとサイズが大きくなればなお嬉しいです。 本当に素人ですが、どうぞ方法がありましたらお教えください。 もちろん表示結果はブラウザにもよるかもしれません。 宜しくお願いいたします。
- koichan55
- お礼率93% (241/259)
- HTML
- 回答数1
- ありがとう数7
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
取りあえずWinIEでの確認のみですが、 font-family:Arial,"ＭＳ Ｐゴシック",sans-serif; ではいかがでしょうか？ これで半角英数はArialが適用されていると思います。 （全角英数はどうしてもＭＳ Ｐゴシックになってしまいますが…） 書く順番が大事で、一番先に記したフォントが優先的に適用されるようになっています。
関連するQ&A
- Word文書の和文と英数字の書体を手軽に指定したい。
Word文書の和文と英数字の書体を手軽に指定したい。 Word文書にて幾つかの書体が混在しているデータがあるのですが、日本語文体はMSゴシック体にして、英数字はArialにしようと思っています。いま現在、一つ一つの文章をマウスでドラッグしながら選択し、書体を変更しているのですが、A4サイズの書類が300ページもあるので、膨大な時間を要してしまいます。 Wordの機能にて、和文と英数字の書体を指定するような方法はありますでしょうか？ どなたかご教授頂ければと存じます。 そのような機能が無いなら無いであきらめますが・・・・。
- ベストアンサー
- その他MS Office製品
- 日本語はMSPゴシック、英数字はArialと自動設定される方法はありますか？
私はいつも、日本語はMSPゴシック、英数字はArialと決めて作成しております。 「セルの書式設定」でシート全体や選択範囲の入力時のフォントを設定できることは分かったのですが、これだと１つのフォントしか設定ができないのでシートを作成し終わった後に英数字が全てArialになっているかのチェックをしなければならず、少々煩わしく感じています。 どうせなら、「自動的に日本語は全てMSPゴシック」、「英数字はArial」となれば時間を短縮できるのに。。。と思っています。 どなたか、この状況をうまく解決できる方法をご教授ください。 よろしくお願いします。
- ベストアンサー
- オフィス系ソフト
- エクセル2010、デフォルトの書体の設定について
エクセル2010です。 うちの会社では、基本的に英数の文字をArialにすることになっていて（上司の誰かの好みらしく、よくわからない慣習です）、エクセルの環境設定でデフォルトの書体をArialにしています。 しかし中には既存のファイルで、新しいシートを作ってもデフォルト書体がMSPゴシックになってしまうものもあり、きっとデフォルトがMSPゴシックのエクセルで作られたファイルなのでしょう。 そのたびにArialに変えないといけないし、書式をクリアしたらいつのまにかMSPに戻ってしまったりして、かなり面倒です。 すでに作られているファイルに対して、デフォルトの書体を変更することはできるでしょうか？ （今は作業したあとに、セルの全選択→Arialに変更していますが、できればデフォルトを変えたい） よろしくお願いします。
- ベストアンサー
- その他MS Office製品
- CSSどこが・・・？
<html> <head> <style type="text/css"> .title { font-color:#00ff00; font-style:"ex phont"; } </style> </head> <body> <table> <tr><td class=title> タイトル </td> </table> </body> </html> こんなソースを作成したのですが、書体が変わらない上、文字色も変わりません。どこがおかしいのか自分にはわからないのですが・・・。教えていただけると幸いですよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- CSSでbodyに入ってるこの意味は何でしょうか？
あるサイトのCSSのbodyのfont sizeに 12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif と、記述していましたが /1.22とは何を意味してるのでしょうか？
- ベストアンサー
- HTML
- 半角英数字のみベースラインが下がってしまいます
サイト制作を行っているのですが、ページ内の半角英数字のみ全角文字より若干下がって表示されます。 例えば、 あいうえお1234かきくけこabcd ですと、「1234」と「abcd」の部分が「あいうえお」「かきくけこ」に比べて若干下がってしまい、テキストリンクがついていると、ガタガタになってしまいます。 文字コードはUTF-8でフォントはCSSで font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka,Verdana,Helvetica,Arial,"ＭＳ Ｐゴシック",sans-serif を指定しています。 よろしくお願いいたします！
- 締切済み
- デザイナー・クリエイティブ職
- 外部CSSが反映されるHTMLとされないHTML
レンタルサーバのファイルマネージャを使ってサイトを作っています。 外部CSSで文字のフォントをＭＳ Ｐゴシックに統一したいのですが、反映されるページとされないページができました。 CSSには、 @charset "Shift_JIS"; p { font-family: "ＭＳ Ｐゴシック",sans-serif; } 読み込みには、 <link href="./style.css" rel="stylesheet" type="text/css"> と記述しました。 反映されたのはサイト２ページ目の２分割フレームの片側だけで、その他のページはブラウザで指定したフォントのままCSSが反映しません。 HTML、CSS共に文字コードはShift_JISで統一していて、それぞれ<head></head>間の同じ位置に記述してあります。 反映されたHTML内にはボックスの幅指定でCSSを使っていますが、その他のページにはCSSを使っていません。違いはこれだと思うのですが、それがきっかけで反映されたりされなかったりと変わるものなのでしょうか？ HTML、CSS共に初心者です。この質問が初歩的なことなのか難しいことなのかもわかりません。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- この画像のような書体を何と呼ぶのでしょうか？
画像のような書体を何と呼ぶのでしょうか？ 画像が見づらかったらすみません…ゴシック風のものとか、アメリカのタトゥーや車のペイント等によく使われている書体です。 このような書体のレタリング見本がアルファベット全部大文字も小文字も載っている本を探しています。 載っている見本帳みたいなものの書名、入手方法を教えて頂いてもも結構です。 よろしくお願い致します。
- ベストアンサー
- 絵画・イラスト・デザイン
- Outlookメール作成時の半角英数字のフォント設定について
Office Outlook 2003を使用しており、メール作成は、テキスト形式としています。 全角の場合はゴシックフォントが適用されるのですが、半角英数字を使うと、 強制的にArialフォントとなってしまいます。とても見にくいので、半角英数字も ゴシックフォント適用されるように設定したいのですが、どうしたら良いのかが わかりません。 尚、リッチテキスト形式にしても同じです。最後に全てをゴシックに直すことは 可能なのですが、本文を打っている際には自動的に半角英数字フォントが Arialフォントに切り替わってしまいます。 設定方法をご存知の方がいらしたら、教えていただけると幸いです。 どうぞ宜しくお願い致します。
- ベストアンサー
- その他（メールサービス・ソフト）
- 外部CSSでフォントの指定
自分のサイトの一部のページでは外部CSSで文字の色やフォントなどを設定しているのですが、 FireFoxでは反映されません。IEでは思い通りです。 調べてみて外部CSS、style.cssの改行をなくしたり先頭に@charset "shift_jis";を記述してみました。 そしたらなんとうまく文字色は変わりました。 しかしフォントは英字が"Verdana"にならないのです。 すべて"ＭＳ ゴシック"になってしまいます……IE、FireFox両方です。 私はＭＳ ゴシックの英字が好きではないので、Verdanaなってくれればうれしいのですが……。 ちなみに、フォントの部分は font-family: "Verdana", "Arial", "sans-serif", "ＭＳ ゴシック"; こんなふうに記述しています。 @charset "shift_jis";の記述を消して、 .htaccessが使えるサーバーなのでAddType text/css .cssを記述してみましたが変わりません。 どなたか大抵のブラウザで日本語をＭＳ ゴシック、英字をVerdanaにする外部CSSの書き方を教えてください。
- ベストアンサー
- CSS
お礼
まさにこれです！有難うございました！ 一発で解決できましたし、4rogさんには、大変感謝いたします！ この方法はたぶん教科書や技法書でもなかなか見つけられないと思いますので、 本日この場で回答を得られて本当に良かったです。 （こんなニッチなテクニックはなかなか探せないですよね^^;） 本当に、有難うございました！