HTML
フォントの種類と用途 - HTML
フォントの種類と用途は、デザインや印刷、デジタルメディアで重要な要素です。明朝体、ゴシック体、丸ゴシック体、筆書体など、日本語フォントには様々な種類があり、それぞれ異なる特徴と適した用途を持っています。明朝体は縦線が太く横線が細く、書籍や新聞などの長文に適しています。ゴシック体は線幅が均一で、見出しや看板、画面表示に向いています。丸ゴシック体は柔らかい印象を与え、親しみやすいデザインに適しています。筆書体は伝統的な書風を表現し、格式高い雰囲気を演出できます。適切なフォントを選ぶことで、情報の伝わりやすさやデザインの質を大きく向上させることができます。
フォント
書体
明朝体
ゴシック体
デザイン
タイポグラフィ
印刷
<table>
<thead><tr><th>code</th><th>slug</th><th>name</th><th>description</th><th>category</th><th>representativeFonts</th><th>typicalUses</th></tr></thead>
<tbody><tr><td>01</td><td>mincho</td><td>明朝体</td><td>縦線が太く横線が細い伝統的な書体。書籍や新聞の本文に適しています。</td><td>基本書体</td><td>["游明朝","ヒラギノ明朝","筑紫明朝","リュウミン","小塚明朝"]</td><td>["書籍","新聞","雑誌","会社案内","論文","履歴書"]</td></tr>
<tr><td>02</td><td>gothic</td><td>ゴシック体</td><td>線幅が均一で装飾のないモダンな書体。見出しや看板、画面表示に適しています。</td><td>基本書体</td><td>["游ゴシック","メイリオ","ヒラギノ角ゴ","新ゴ","中ゴシックBBB","源ノ角ゴシック"]</td><td>["見出し","看板","ポスター","Webサイト","プレゼン資料","標識"]</td></tr>
<tr><td>03</td><td>maru-gothic</td><td>丸ゴシック体</td><td>角を丸くした柔らかい印象の書体。親しみやすいデザインに適しています。</td><td>基本書体</td><td>["新丸ゴ","じゅん","TBUD丸ゴシック","ソフトゴシック","UD新丸ゴ"]</td><td>["子供向け教材","POP広告","案内表示","カジュアルデザイン","社内掲示","パンフレット"]</td></tr>
<tr><td>04</td><td>brush-script</td><td>筆書体</td><td>毛筆や硬筆の風合いを表現した書体。伝統的で格式高い雰囲気を演出します。</td><td>装飾書体</td><td>["白舟楷書","白舟行書","白舟隷書","黒龍爽","勘亭流","教科書体"]</td><td>["見出し","タイトル","年賀状","ポスター","和風デザイン","伝統行事の告知"]</td></tr>
<tr><td>05</td><td>design-font</td><td>デザイン書体</td><td>独自の個性を持つ装飾的な書体。特定の雰囲気や印象を演出したい場合に使用します。</td><td>装飾書体</td><td>["フォーク","丸フォーク","すずむし","剣閃","くろまめ","くもやじ"]</td><td>["ロゴ","見出し","キャッチコピー","パッケージデザイン","イベント告知","ブランディング"]</td></tr>
<tr><td>06</td><td>ud-font</td><td>UDフォント</td><td>視認性と読みやすさを追求したユニバーサルデザイン書体。誰にとっても読みやすい文字です。</td><td>ユニバーサルデザイン</td><td>["BIZ UDゴシック","BIZ UD明朝","UD新ゴ","UD黎ミン","UD新丸ゴ","UDデジタル教科書体"]</td><td>["公共施設の案内","医療機関","高齢者向け資料","教科書","障害者差別解消法対応","多言語表示"]</td></tr>
<tr><td>07</td><td>educational-font</td><td>学参フォント</td><td>学校の教科書や学習用に設計された書体。文字を習い始める人が書き方を覚えやすい形状です。</td><td>教育用途</td><td>["教科書ICA","UDデジタル教科書体","学参リュウミン","学参中ゴシックBBB","学参新丸ゴ"]</td><td>["教科書","学習教材","練習帳","留学生向け教材","書き順表示","小学校・中学校教材"]</td></tr>
<tr><td>08</td><td>european-serif</td><td>欧文セリフ体</td><td>文字端に飾り線（セリフ）がある欧文書体。長文の可読性に優れています。</td><td>欧文書体</td><td>["Times New Roman","Garamond","Baskerville","Bodoni","Georgia"]</td><td>["書籍","新聞","雑誌","ブランドロゴ","論文","フォーマル文書"]</td></tr>
<tr><td>09</td><td>european-sans-serif</td><td>欧文サンセリフ体</td><td>装飾を省いたシンプルな欧文書体。モダンで視認性が高いのが特徴です。</td><td>欧文書体</td><td>["Helvetica","Arial","Futura","Gill Sans","Roboto","Open Sans"]</td><td>["Webサイト","アプリUI","公共サイン","企業ロゴ","見出し","プレゼン資料"]</td></tr>
<tr><td>10</td><td>blackletter</td><td>ブラックレター</td><td>中世ヨーロッパの写本に由来する角張った装飾的な欧文書体。</td><td>欧文書体</td><td>["Old English Text","Fraktur","Textura","Schwabacher"]</td><td>["新聞題字","ビールラベル","ブランドロゴ","伝統的デザイン","証書","ヘビーメタルバンドロゴ"]</td></tr></tbody>
</table>