title: font-familyはこのCSSを使って頂けるととってもありがたいんですよね【css】

ウェブサイトのフォントに迷っているならもうこれを指定すればいいと思うよ。

たとえばwordpressのテーマってほとんどが外国の作者さんですよね。

日本語のフォント指定なんてしてくれてませんし！

DreamWeaverとかがデフォで指定してくるfont-familyもいまいちだし。

じゃあ最近流行のwebフォントはどうか？

英数字ならファイルサイズが小さく種類もいっぱいあるのに対し、日本語フォントはファイルサイズが大きいのに加え、種類も少ないです。

（FontPlusさんを使うとたくさん使えてサイズ小さくて済みます、使用料を個人で払えるならば…ね。）

英数字だけwebフォントできっちり指定しても日本語との整合性がとれるかというとぼくにはちょっと無理です(ヾﾉ･∀･`)ﾑﾘﾑﾘ

というわけで、ぼく好みのスタイルを載せるので見た人はこれを使いましょう！

（ちなみにブラウザに拡張を入れて気にくわない Yah○○ とか Yah○○ の表示を変えてます。）

font-familyのスタイルシート

丸ゴシック好き派なぼくは

body {
	"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

企業やカチッとしたのが好きな角ゴシック派は

body {
	"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

画像で見てみる

スクリーンショット撮ったので見てみてください。

まずは Mac。Macで見ると 英数字が Lucida Grande、日本語がヒラギノ丸ゴになります。

次はIE8。

英数字が segoe UI、日本語が メイリオ です。

まとめ

ただただぼくが気に入ってる指定なんで100%これがいいかと問われれば否です。

サイトによってテイストが違いますしね。

が、とりあえず困ったらこれを指定しておけば間違いないんじゃないかと。

サイトがある程度キレイに見えますよ！（まじで

フォントのふしぎ ブランドのロゴはなぜ高そうに見えるのか？ 

posted with amazlet at 14.04.08

小林章
美術出版社
売り上げランキング: 28,115

Amazon.co.jpで詳細を見る