HTML
フォントの種類 - HTML
フォントの種類は、文字の形状や特徴に基づいて分類された書体カテゴリーです。セリフ体、サンセリフ体、スクリプト体、ディスプレイ体、モノスペース体の5つの主要分類があり、それぞれ異なる印象や用途に適しています。これらの分類は印刷物からデジタル画面まで、デザインの基礎として広く活用されています。
フォント
書体
タイポグラフィ
デザイン
セリフ体
サンセリフ体
モノスペース
<table>
<thead><tr><th>code</th><th>slug</th><th>name</th><th>description</th><th>characteristics</th><th>commonUses</th><th>examples</th></tr></thead>
<tbody><tr><td>01</td><td>serif</td><td>セリフ体</td><td>文字の端に飾り線（セリフ）がある伝統的な書体です。</td><td>["文字端に飾り線あり","線の太さに変化あり","伝統的で格式高い印象","長文に適している"]</td><td>["書籍","新聞","雑誌","論文","格式高いブランドロゴ"]</td><td>["Times New Roman","Georgia","Garamond","Baskerville","Bodoni"]</td></tr>
<tr><td>02</td><td>sans-serif</td><td>サンセリフ体</td><td>飾り線がなく、シンプルで現代的な書体です。</td><td>["飾り線なし","線の太さが均一","シンプルでモダンな印象","画面表示に適している"]</td><td>["Webサイト","UIデザイン","看板","プレゼンテーション","モダンなブランドロゴ"]</td><td>["Helvetica","Arial","Futura","Gill Sans","Verdana"]</td></tr>
<tr><td>03</td><td>script</td><td>スクリプト体</td><td>手書きやカリグラフィーを模した流れるような書体です。</td><td>["手書き風","文字が連結している","流れるようなデザイン","エレガントな印象"]</td><td>["結婚式の招待状","グリーティングカード","エレガントなブランドロゴ","タイトル","装飾的なテキスト"]</td><td>["Brush Script","Pacifico","Lobster","Dancing Script","Great Vibes"]</td></tr>
<tr><td>04</td><td>display</td><td>ディスプレイ体</td><td>視覚的インパクトを重視した装飾的な書体です。</td><td>["装飾的で個性的","大きなサイズ向け","視覚的インパクトが大きい","小さいサイズでは読みにくい"]</td><td>["見出し","ポスター","看板","ロゴ","広告"]</td><td>["Impact","Bebas Neue","Lobster","Playbill","Cooper Black"]</td></tr>
<tr><td>05</td><td>monospace</td><td>モノスペース体</td><td>すべての文字が同じ幅を持つ等幅書体です。</td><td>["すべての文字が同じ幅","等間隔で整列する","技術的な印象","レトロな雰囲気"]</td><td>["ソースコード","プログラミング","データテーブル","技術文書","タイプライター風の表現"]</td><td>["Courier","Consolas","Monaco","Source Code Pro","Roboto Mono"]</td></tr>
<tr><td>06</td><td>handwriting</td><td>手書き風</td><td>ペンや筆で書いたような自然な手書き風の書体です。</td><td>["自然な手書きの質感","文字が連結していないことが多い","カジュアルで親しみやすい","個性的な雰囲気"]</td><td>["グリーティングカード","招待状","ポップな広告","SNS画像","子ども向けコンテンツ"]</td><td>["Comic Sans MS","Permanent Marker","Shadows Into Light","Amatic SC","Caveat"]</td></tr></tbody>
</table>