siteWPカスタマイズ備忘録WordPressカスタマイズの個人的備忘録。分かりやすい説明を心がけています。>文字の大きさをスタイルシート(CSS)で変更する方法2014/06/22文字(フォント)のサイズひとつでサイトの見栄えは変わります。大きくても小さくても見難いし、全部同じ大きさでも見難いです。サイトタイトル、記事タイトル、見出し、本文、サイドバー。それぞれ丁度良い文字の大きさにしましょう。自分の好きな大きさにする事で、個性も出てきますよ。**には、100%や16px、smallなど様々な数字と単位が入り大きさを決めます。ここでは多く使われているであろう「px」で実際の大きさを表示しながらご紹介します。style=”font-size:**”>文字の大きさを変えたい文</p>とします。文字の大きさの変化それでは、実際に変えて見ていきます。大きすぎた96px大きい72pxサイト名ならいける48pxサイト名くらい36px記事タイトルくらい30px大見出しくらい24px小見出しくらい20px本文くらい16px小さい文字が主流だった昔の本文くらい12px全部太字になるとひとまわり大きく見えます。短いサイト名でインパクトを与えたいなら72pxでもいけるかも?でも、タイトルの縦幅が長くなりすぎると本文まで見てもらえなくなる確率が上がるので注意です。あ、スマートフォンで見ることもあると考えるとやっぱり大きいかも?PCとスマホと両方に対応しないといけないですね。それぞれ値を分けて設定するのが良いかな。12pxは小さいですねー!!昔は本当にこれだったけど、ここまで小さく見えなかったような?パソコンの解像度が今の方が上がっているからでしょうか?横幅の狭いサイトが多かったですしね。時代ですね(-ω-)スタイルシートで目的の場所にあるfont-sizeの数字を変えて試してみてください。何度もトライ&エラーでベストなフォントサイズを見つけてくださいね。コメントをキャンセルメールアドレスは公開されませんのでご安心ください。付いている欄は必須項目となりますので、必ずご記入をお願いします。*ウェブサイトコメント内容に問題なければ、下記の「コメント送信」ボタンを押してください。