構造化リストの一覧まとめ

XML

フォントの種類 - XML

フォントの種類は、文字の形状や特徴に基づいて分類された書体カテゴリーです。セリフ体、サンセリフ体、スクリプト体、ディスプレイ体、モノスペース体の5つの主要分類があり、それぞれ異なる印象や用途に適しています。これらの分類は印刷物からデジタル画面まで、デザインの基礎として広く活用されています。

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