こんにちはNAOです。
WEBデザインでフォントを決める時にコードの最後に記載する総称フォントファミリーについて紹介していきます。
WEBデザインでフォントを決める時にCSSコードの最後に総称フォントファミリーと言うコードを記載するのが一般的です。
その意味は何かというとフォントのタイプを表すという意味です。
sans-serif | ゴシック体 |
serif | 明朝体 |
cursive | 筆記体 |
monospace | 等幅フォント |
下記のコードが見つからないなどの場合に総称フォントファミリーを書いていると今回はsans-serifなのでゴシック体を自動で選んでくれます。
1 2 3 4 5 6 7 |
font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS Pゴシック', <span style="color: #ff0000;">sans-serif;</span> |
コードの書く順番としてまずは英字を先に書きその後に日本語フォントを書く順番で書いてください、日本語が先に来ると日本語が英字に置き換わったりします。
日本語のフォントが含まれる場合は文字化けの可能性がありますのでCSSの一番上に@charset "UTF-8";を必ず書いときましょう。