- ベストアンサー
font-familyで指定するフォント名の調べ方
cssのfont-familyで指定するフォント名の調べ方を教えてください。 cssで指定するときの名前は、アルファベット表記、日本語表記ともに、 PCのどこを見れば書いてあるのでしょうか。
- webwebwebweb
- お礼率92% (63/68)
- CSS
- 回答数6
- ありがとう数6
- みんなの回答 (6)
- 専門家の回答
質問者が選んだベストアンサー
『標準の日本語フォント』が、参考 URL に日本語と英語名で掲載されています。 ただし、OS 標準の書体というのは数が少なく、 ◆メイリオ(Windows Vista 以降) ◆MS ゴシック/明朝(ほとんどの Windows) ◆ヒラギノファミリー(Mac や iPhone/iPad などのアップル製品) 和文(日本語)書体にかんしては上記三系統が中心となっています。 これ以上の書体を使いたい人のために、たとえば『FONTPLUS|フォントプラス』のような、【Web フォント】というサービスがあります。 ◆FONTPLUS|フォントプラス http://webfont.fontplus.jp/ ◆国内のWebフォントサービスまとめ【2012年6月版】 - フォントブログ http://blog.petitboys.com/archives/webfont-services-japan.html
その他の回答 (5)
- DrFell
- ベストアンサー率55% (305/551)
各osによって違うのでは? 例 windowsだと C:\Windows\Fonts に格納されているフォントをダブルクリックすれば、フォン名は表示されます。 macだと システム/ライブラリ/Fonts ライブラリ/Fonts ユーザ/ライブラリ/Fonts 申し訳ないが、肝心のandroidは不勉強で存じ上げない。 アンドロイドのモトヤならググったら MotoyaLMaru モトヤLマルベリ3等幅 の記述がありますが……確かではありません。 ここはcssのカテなので……。androidのカテなら http://okwave.jp/c298.html ですよ。
お礼
ありがとうございます。 アンドロイドのカテゴリがあるんですね。 cssで扱うフォントの名前は コンパネのフォントなどで表示される名前と異なる場合があるんです。 また英字表記に関しては書いてません。 CSSのごくごく当たり前で、お仕事でコーディングをやってらっしゃる方なら基本事項になるのですが 日本語表記、英字表記、ともに記述するのが安全なfont-familyの記述方法です。 ウェブデザイナー・コーダーの方のほうがcssを扱うので このカテゴリが適している思い質問しました。 具体例として、 「モトヤLマルベリ3等幅」たとえばこれは 「モトヤ L マルベリ 3」という記述なのか 「motoyalmaruberi3」という記述なのか 「motoya l maruberi 3」なのか そういったことです。
- DrFell
- ベストアンサー率55% (305/551)
Web4さんのpcに入っていても、ほかの人に入っているとは限らないので、PCで見ないでいいサイトをお教えします。ほかの人も配慮されますよね? http://rinrin.saiin.net/~aor/fonts/fonts このサイトはほかにもmacやwinの古い標準フォントも一覧がありますので、ターゲットによって参考になると思います。そのままコピペすればcssで使えるフォント名を付記されています。 また、最近は「webフォント」も使用できる環境になりつつあります。フォントをダウンロードするので、嫌われる場合もありますが、使用も視野にいれられると、デザインの幅が広がるかと思います。
お礼
実は、アンドロイドOSの日本語フォントで モトヤゴシックのシリーズが入っているんですよ。 その名前が知りたいんです。 webフォントは日本語のフォントでは重すぎますし、 スマートフォンで扱う場合、論外かなぁ って思いました。 私が質問した知りたいことは、各OSのどこを確認すれば フォント名が分かるかです。 コントロールパネル、ターミナル、コマンドプロンプト 、フォントブック、フォント、等 様々な操作画面やアプリが各OSに搭載されていますよね そのOSオリジナルな機能を使って、確認する方法は無いのでしょうか?
ヘッダの部分に記載されてます。 body { text-align: center; margin: 0px; padding: 0px; font-size: small; font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
お礼
質問の仕方が悪かったですかね。 ありがとうございます。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
肝心のリンクを掲載するのを忘れてました。 ⇒窓の杜 - 【特集】フォントをもっと活用するための支援ソフト( http://www.forest.impress.co.jp/article/2000/08/01/font.html )
お礼
ありがとうございます。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
フォント名を調べるソフトがいくつかあります。 簡単なのは、「fj」ですがフォント名をコピーできませんが、フォント自体はコピーできるので、画像ソフトやワープロに貼り付けるのは便利です。 フォント名をコピーするときは「フォント一覧印刷君」です。 私はこの二つを目的によって使い分けています。 なお、font-familyを指定するときは、ファミリー名を""でくくり(全角文字やスペースを含まないときは括らなくても良いが、括っても問題ないので全部括るほうが間違いないでしょう。),で羅列すること、最後に総称ファミリー名を""なし!!!で書いておくことを忘れないように。 ⇒15.2.2 フォントファミリ(Font family: the 'font-family' property)( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/fonts.html#font-family-prop ) 誰のパソコンにもそのフォントがあるとは限らないので注意しましょう。
お礼
フリーソフトを使うんですね。 ありがとうございます。
関連するQ&A
- フォント名の日本語表記の必要性について
. CSSのfont-familyにおけるフォント名の指定に英語表記だけでなく日本語表記も併用されていることが多いですが、フォント名の日本語表記は現在でも必要なのでしょうか? firefox対策ということがよく言われていますが、現在ではどうなのでしょうか。 また、英語表記のみにすることで他にデメリットなどがありましたら教えてください。 .
- ベストアンサー
- CSS
- font-family、font-sizeについて
こんばんは。 今自分のサイトを作っているのですが、普通にCSSでフォントの種類(font-family:英数字だったら○○、日本語だったら○○など)・大きさ(font-size:ピクセルかパーセント)などはどのように指定をするのが一般的でしょうか?
- 締切済み
- HTML
- CSSによるfont-familyの指定について
正しいHTML、CSSという観点から、CSSでfont-familyを指定するべきなのでしょうか? それとも、しない方が良いのでしょうか? もし、指定するべきであれば、どのように指定すれば、良いでしょうか? OSなどPC環境、ブラウザ環境を考慮して、どのように指定すれば良いか、分かる方がいらっしゃれば、教えて下さい。 よろしくお願い致します。
- 締切済み
- HTML
- 和のウェブサイトのfont-family指定
和食屋さんのウェブサイトをつくろうと思っています。 文字の書体を和風にしたいのです。 現在のサイトは(前製作者かな)はCSSの指定で {font-family :"ヒラギノ明朝 Pro W3","MS 明朝";} となっています。 よっぽどこの2つがあれば大丈夫でしょうか? 他にもし多くインストールされているフォントがあればそれも 記述したいと思います。何かありますか? それとも、 むしろ日本語指定をはずしたほうがいいのかな? {font-family :sans-serif;}のように。
- ベストアンサー
- CSS
- [html フォント複数指定]
お伺いしたいのですが… HTML内でフォントを複数指定することはできますでしょうか? 下のもので、アルファベットと日本語の2つを指定したいのですが …それともいちいち<body>内で どちらかを指定しないといけないのでしょうか。 基本的な質問ですがよろしくお願いいたします。 <style type=text/css> <!-- body,td { font-size:文字サイズpt; color:#文字の色; font-family:'フォントの種類'; line-height:行間pt;} --></STYLE>
- ベストアンサー
- HTML
- font-familyのフォント名について
CSSにあまり詳しくないので、質問させてください。 フォントを丸文字系で指定しするのに、 font-family: fantasy; ですとどうも範囲が広すぎるような気がします。 フォントを楷書体や教科書体で指定するのに font-family: cursive; では草書体や行書体になってしまい読みにくくなりそうで不安です。 できれば、font-familyに 楷書体や丸文字系のフォントでメジャーなもの でも列挙したいのですが、 自分で使っているもの以外、なにも思い浮かびません。 なにかよい情報をお持ちでしたらご教授ください。 お願いいたします。
- ベストアンサー
- HTML
- font-familyで色々指定しても全く変わりません;
font-familyで色々指定しても全く変わりません; windowsでホームページを見るとフォントが見づらかったため ネットで読みやすいフォントを検索し、 CSSで font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica; と指定しました。 しかし、指定しないファイルと見た目が全く同じなのですが XPには上記のフォントはプリインストールされていないのでしょうか? 上記の指定はフォントをダウンロードしている人にのみ適用されるだけなのでしょうか?
- ベストアンサー
- HTML
- WEBフォント使用時にfont-family指定
bodyにfont-family指定をし、サイトの一部分にWEBフォントを使用しています。IOS/Android向けに書いているCSSなのですが、Androidスマホ実機で検証した時だけbodyに指定したfont-familyが効かなくなってしまいます。 そもそもbodyなどにfont-familyを指定して、さらに@font-faceの中でまたfont-familyを書くのが間違いなのでしょうか?それともAndroidのバグなのか?Webフォントとその他のフォントの併用について、なかなかわかりやすい資料が見つけられず悩んでいます。 ググりまくった結果、古めの記事を見つけ @font-face{ font-family : 'WEBフォントのフォント名','メイリオ',sans-serif; src : ~略~ } みたいな書き方が載っていたので、試してみましたがこれはやはりダメでした。 Webフォント自体の表示は上手くいっており、IOSでも期待通りにbodyのフォント指定は効いています。どうぞよろしくお願いします。
- ベストアンサー
- CSS
- CSS:font-familyのフォント名について
CSSのfont-familyプロパティで、フォント名を使用するとき、閲覧者がそのフォント名をインストールしていなかった場合、表示できないと聞いたので、sans-serifなどのフォントの種類を使用した方がいいのでしょうか? 特殊なフォント名以外はたいていインストールしているとは思いますが。 回答よろしくお願いします。
- ベストアンサー
- HTML
- font-familyで、メイリオに記号をつける?
WEBを勉強していて気になったので、質問します。 CSSでフォントを指定する際に使う”font-family”ですが、 参考書や解説サイト等では、フォント名にスペースがある場合は、「"」か「'」を前後につけて指定をすると書いてあります。 そこで、「メイリオ」というフォントの場合、スペースが無いと思うのですが、 なぜ「"」、「'」などを前後につけてあるのでしょうか?
- 締切済み
- CSS
お礼
参考URLのリナックスの標準フォントなどが 面白かったです。 スマートフォンも書いてあればよかったなぁと思いました。 ありがとうございます。