font-family: ★;
CSS 76p
使用するフォントの指定をするタグ。
HTMLでいうところの文字コードみたいなもの?
異なったOS(windowsやMac)で指定したフォントで表示させるようにします。
OSによっては同じフォントでも名前が違うのでそれぞれのフォント名を複数
指定しなければならない。
指定方法は2種類あります。
- フォントファミリー名
フォントを具体的な名前で指定します。
フォント名は半角・全角・スペースも含めてすべて書かないといけません。
フォント名にスペースが含まれている場合は「""」か「''」で囲うひつようが
あります。
(例 "MS Pゴシック")
複数のフォントを指定する場合は「,(カンマ)」で区切ることが必要です。
windowsでMS Pゴシックを指定したい場合は
MP Pゴシック,ヒラギノ角 Pro W3,Osaka,sans-serif
この4つを書くこと!
(ヒラギノ角 Pro W3とOsakaはMacで使われている標準のゴシック系の文字)
- 総称ファミリー名
フォントの種類を大雑把に決めたもの。
種類は5つあるがsans-serifは必ず指定するようにする。
serif 日本語の明朝系に相当するフォント
sans-serif 日本語のゴシック系に相当するフォント
cursive 日本語の筆記体、草書体系に相当するフォント
fantasy 装飾がメインとなっているフォント
monospace 等幅のフォント
|
| 例 |
CSS
body {
font-family: MS Pゴシック,
ヒラギノ角 Pro W3,Osaka,sans-serif
}
|
h要素のみbody要素で指定したfont-sizeプロパティが無視されます。
h要素には直接font-sizeプロパティを適用すること!
HTML全体にフォントの指定を行う場合bodyを指定します。