Deprecated: Hook custom_css_loaded is deprecated since version jetpack-13.5! Use WordPress Custom CSS instead. Jetpack no longer supports Custom CSS. Read the WordPress.org documentation to learn how to apply custom styles to your site: https://wordpress.org/documentation/article/styles-overview/#applying-custom-css in /home/ho2/hayashikejinan.com/public_html/wp-includes/functions.php on line 6078
font-familyはこのCSSを使って頂けるととってもありがたいんですよね【css】 – 林家次男

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、日本語がヒラギノ丸ゴになります。

font-family_firefox

 

 

次はIE8。

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

font-family_ie8

 

 

まとめ

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

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

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

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

フォントのふしぎ  ブランドのロゴはなぜ高そうに見えるのか?
小林章
美術出版社
売り上げランキング: 28,115

投稿日

カテゴリー:

,

投稿者:

コメント

“font-familyはこのCSSを使って頂けるととってもありがたいんですよね【css】” への8件のフィードバック

  1. font-familyはこのCSSを使って頂けるととってもありがたいんですよね【css】 : ホホ冢次男 : ちゅどん道中記

    […] >>font-familyはこのCSSを使って頂けるととってもありがたいんですよね【css】 : ホホ冢次男 Author: […]

  2. lollymarie Avatar

    丸ゴいいよね

  3. dhwer Avatar

    IEについても別途考慮するべきなんですよね。。

  4. bukken_x Avatar

    いいね。

  5. tolkine9999h Avatar

    参考にフォント変えてみた。(・∀・)イイ!!かも

  6. […] 参考:http://hayashikejinan.com/webwork/116/ […]

  7. […] あと最後にホホ冢次男さんのブログを参考にfontのCSSを丸ゴに設定します。 […]

  8. […] ント指定を使えば、見やすいフォント指定ができます。 font-familyはこのCSSを使って頂けるととってもありがたいんですよね【css】 フォント指定を本格的に勉強したい方は、こちらの記 […]

コメント、してみません?