このサイトについて
「やさしい感じの字」「高級そうな字」――なりたい雰囲気から、フォントの名前と、AIに伝えるための指示文がわかる図鑑です。
できること
- 実物の字で見比べる:一覧も見本も、そのフォントの実物の字で表示しています。太さを切り替えたり、見出しを好きな言葉に書きかえたりできます。
- 雰囲気から探す:「やさしい」「高級」「レトロ」のような言葉や、字の種類で絞り込めます。
- AIへの指示文をコピーする:見出しだけ・本文だけ・全部のどこに使うかと、作りたいもの(Webサイト・LP・スマホアプリ・資料)に合わせた指示文になります。
- 違いを比べる:似ているフォントを、同じ文で並べて比べられます。
- 組み合わせる:見出し・本文・英語と数字のフォントを選んで、組み合わせを確かめ、まとめた指示文を作れます。
なぜ作ったのか
AIにサイトを作ってもらうと、フォントはたいてい同じゴシック(Noto Sans JP など)になります。読みやすいのですが、どのサイトも同じ顔つきに見えてしまいます。
フォントを名前で指定するだけで、サイトの印象ははっきり変わります。ところが、フォントの名前を知らないと、指定のしようがありません。そこで、雰囲気から名前を探せる図鑑を作りました。
載せているフォント
- Google Fonts の無料のフォントだけを載せています。お店や会社のサイトにも無料で使え、AIもそのまま読み込めるからです。
- 使える太さは、Google Fonts の公式の一覧から自動で書き出しています。
- ひらがな・カタカナだけで、漢字の入っていないフォントもあります。そのフォントには「漢字なし」と書いています。
今の収録数
91 フォント(日本語 65、英語 26)、比較ページ 10 件。これからも増やしていきます。
姉妹サイト
画面の「動き」の名前はUIのなまえ図鑑、見た目の雰囲気の名前はデザインのなまえ図鑑で調べられます。
作っている人
HPツクリテが、AIの力を借りて作っています。説明文の下書きにもAIを使い、実物の字を見ながら直しています。サイトの運営者は、なんでもAI編集部です。くわしくは運営者情報をご覧ください。
内容の間違いや、載せてほしいフォントがあれば、お問い合わせから教えてください。
ご注意
- フォントの印象や向いている場面は、目安です。最後は実際に表示して確かめてください。
- 利用条件は変わることがあります。使う前に、Google Fonts の各フォントのページで確かめてください。