【フォントを設定していこう】CSSで文字の色と文字の書体を設定する方法

    目次

    文書全体に対して、文字色とフォントの設定をしていきます。

    • color
    • font-family

    color

    前回は色の表現の仕方について学んで来ました。

    詳しくは『【色の表現方法を学んでいこう】キーワード、rgb()、カラーコードについて』を読んでみてください。

    あわせて読みたい
    【色の表現方法を学んでいこう】キーワード、rgb()、カラーコードについて CSSで色を表現する記法について見ていきます 色キーワード 前回まででCSSの準備と確認の仕方についていてきました。 前回の記事『【デベロッパーツールを使ってみよう】...

    今回は文字色とフォントを文書全体に指定していきたいと思います。

    これまでは、h1やpなどにをセレクターとしていましたが、文書全体に指定したい場合はbodyのセレクターに対して指定してあげるといいでしょう。

    色の指定は#000とすると黒で#fffだと白くなりますので今回は柔らかい感じにしたいので黒でも真っ黒になりすぎない程度で#333と指定してみます。

    font-family

    フォントはたくさんの種類があるので今回はVerdanaというフォントを指定していきます。

    プロパティにfont-familyに指定して、:(コロン)で挟み値のところにVerdanaと指定し最後に;(セミコロン)とします。

    ただ、表示するパソコンによっては対応していない場合があるので複数指定していくのが一般的です。複数指定する場合は,(カンマ)で区切ります。あとに指定するほど優先順位は低くなります。

    最後に、sans-serifと指定してあげると対応しているパソコンが多いので親切です。

    以上





    この記事が気に入ったら
    いいね または フォローしてね!

    よかったらシェアしてね!
    • URLをコピーしました!
    目次