5. font-family フォントの種類を設定する
CSS では、font-family プロパティでフォントの選択をすることができます。・・・がっ！
適応させたいフォントがユーザーの PC にインストールされていない場合は、代用のフォントが適応されてしまいます。
そこで、font-family の値には、各 OS ごとにデフォルトでインストールされているフォントを指定すると差異がなく
よいでしょう。本文は、デフォルトのフォントの方が、シンプルで情報が伝わりやすいです。
Wi n default font ( sa ns- se rif ) ゴシック体
ＭＳ Ｐゴシック
Mac default fo nt ( sa ns- se rif ) ゴシック体
日本 PC 海外 PC
ヒラギノ角ゴ Pr o W3 H ir a g in o Ka k u G o t h i c P r o
（ 記述例）
font-fam ily: ” ヒラ ギ ノ 角 ゴ P r o W3 ” ,” H ir a g ino K a k u G o t h i c P r o ” ,
” MS P ゴ シ ッ ク ” , sa n s- se r if;
■ 値は左から順に読み込んで、なければ右へと移行する。
■ フォント名に半角スペースが入る場合は (” ) ダブルクォーテーションか (ʼ ) シングルクォーテーションで囲む。
■ 複数設定する場合は、フォント名を (,) カンマで区切る。
※どうしても、カスタムフォントを使用したい場合は、画像を用いるしかありません。
※最近では Win7 や MacOSX などではʼ メイリオʼ ,Meiryo がデフォルトで使用されていることが多い。
Copyright 2011 TANAKA SHINJI. All Rights Reserved.
6. カラーコード
Web サイト内での色の設定は、カラーコードを用いる。
カラーコードは (#) シャープを頭につけて、16 進数の 0123456789ABCDEF の 6 桁で記述します。
(例)
color:#1 2 3 4 5 6 この組み合わせにより、色の種類は 16,581,375 色となる。
R G B
CSS の値として一般的にカラーコードが使われますが、red( レッド ) や ivory( アイボリー ) など、色の名前を記述しても OK!
※色の名前で指定する場合は (#) シャープは不要。
R の対の値、G の対の値、B の対の値が同じ (#22ff00) のような場合に限り、省略が可能。
(例)
color:#2 f 0 このようなカラーコードを Web セーフカラーと言う。
R G B
Copyright 2011 TANAKA SHINJI. All Rights Reserved.
