font-familyで指定するフォント名の調べ方

Question

cssのfont-familyで指定するフォント名の調べ方を教えてください。
cssで指定するときの名前は、アルファベット表記、日本語表記ともに、
PCのどこを見れば書いてあるのでしょうか。

Katsu_Kaiz · Accepted Answer

『標準の日本語フォント』が、参考 URL に日本語と英語名で掲載されています。

ただし、OS 標準の書体というのは数が少なく、
　　◆メイリオ（Windows Vista 以降）
　　◆ＭＳ ゴシック／明朝（ほとんどの Windows）
　　◆ヒラギノファミリー（Mac や iPhone／iPad などのアップル製品）
和文（日本語）書体にかんしては上記三系統が中心となっています。

これ以上の書体を使いたい人のために、たとえば『FONTPLUS｜フォントプラス』のような、【Web フォント】というサービスがあります。
　　◆FONTPLUS｜フォントプラス
　　　http://webfont.fontplus.jp/
　　◆国内のWebフォントサービスまとめ【2012年6月版】 - フォントブログ
　　　http://blog.petitboys.com/archives/webfont-services-japan.html

参考URL：http://rinrin.saiin.net/~aor/fonts/fonts

DrFell · Answer

各osによって違うのでは？

例
windowsだと
C:\Windows\Fonts
に格納されているフォントをダブルクリックすれば、フォン名は表示されます。

macだと
システム/ライブラリ/Fonts
ライブラリ/Fonts
ユーザ/ライブラリ/Fonts

申し訳ないが、肝心のandroidは不勉強で存じ上げない。

アンドロイドのモトヤならググったら
MotoyaLMaru
モトヤLマルベリ3等幅
の記述がありますが……確かではありません。

ここはｃｓｓのカテなので……。androidのカテなら
http://okwave.jp/c298.html
ですよ。

DrFell · Answer

Web4さんのｐｃに入っていても、ほかの人に入っているとは限らないので、PCで見ないでいいサイトをお教えします。ほかの人も配慮されますよね？

http://rinrin.saiin.net/~aor/fonts/fonts
このサイトはほかにもmacやwinの古い標準フォントも一覧がありますので、ターゲットによって参考になると思います。そのままコピペすればｃｓｓで使えるフォント名を付記されています。

また、最近は「webフォント」も使用できる環境になりつつあります。フォントをダウンロードするので、嫌われる場合もありますが、使用も視野にいれられると、デザインの幅が広がるかと思います。

kiyomac#1 · Answer

ヘッダの部分に記載されてます。
body {
text-align: center;
margin: 0px;
padding: 0px;
font-size: small;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

ORUKA1951 · Answer

肝心のリンクを掲載するのを忘れてました。
　⇒窓の杜 - 【特集】フォントをもっと活用するための支援ソフト( http://www.forest.impress.co.jp/article/2000/08/01/font.html )

ORUKA1951 · Answer

フォント名を調べるソフトがいくつかあります。
簡単なのは、「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 )

誰のパソコンにもそのフォントがあるとは限らないので注意しましょう。

font-familyで指定するフォント名の調べ方

『標準の日本語フォント』が、参考 URL に日本語と英語名で掲載されています。

各osによって違うのでは？

Web4さんのｐｃに入っていても、ほかの人に入っているとは限らないので、PCで見ないでいいサイトをお教えします。

ヘッダの部分に記載されてます。

肝心のリンクを掲載するのを忘れてました。

フォント名を調べるソフトがいくつかあります。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

　『標準の日本語フォント』が、参考 URL に日本語と英語名で掲載されています。