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