font-sizeプロパティ

フォントに関するスタイルを紹介します。

フォントサイズを指定します。指定方法は以下のとおりです。

数値＋単位: 単位には、「px（ピクセル）」「pt（ポイント）」「em（エム）」などが良く使われます。
数値＋％: 親要素に対するパーセントで指定します。
キーワード: フォントサイズを指定するキーワードを使用します。; xx-small/x-small/small/medium/large/x-large/xx-large

フォントの太さを指定します。指定方法は以下のとおりです。

フォントのスタイルを指定します。指定方法は以下のとおりです。

日本語フォントの場合はイタリック書体がありませんので、通常の書体を斜めにした「斜体」で表示されます。イタリック書体が用意されている欧文フォントでは、筆記体に近い「イタリック体」で表示されるようです。

フォントの種類を指定します。指定方法は以下のとおりです。

“フォント名”: フォント名そのものを指定します。フォント名にスペースを含む場合はダブルクォーテーション「”」でくくるのが必須ですが、スペースを含まなくてもくくっておくと、間違いがありません。
フォントグループ名: フォントグループ（系統）を指定します。; serif（明朝系、セリフ体）; sans-serif（ゴシック系、サンセリフ体）; cursive（筆記体系）; fantasy（装飾系）; monospace（等幅）

複数のフォント名やフォントグループ名をカンマ「,」で区切って指定ですると、前にあるものが優先的に適用されるため、主に「Win用のフォント,Mac用のフォント,フォントグループ名」という形式で指定されます。

また、環境によってはフォント名をアルファベットで表記しないと適用されないこともあるので注意が必要です。
＜例＞　font-family:”游ゴシック”,”Yu Gothic”;

行の高さを指定します。フォントサイズ(font-size)と同じ値にすると、行間が0になります。指定の方法は以下のとおりです。

日本語の場合デフォルトの100%では、行間が詰まって見えるため、段落などでは1.5～2倍の行間をあけると文章が読みやすくなります。

また、「数値＋単位」を使用する場合、フォントサイズより小さくすると行が重なってしまうので注意しましょう。