WEBデザイン制作で使いやすいフォントをまとめています。
主にGooglefontsとAdobefontsのフォントを紹介しておりますので、ぜひ活用してみてください！
日本語フォント
明朝体
Noto Serif JP
Google Fontsで無料で使える定番の明朝体です。
様々なウェイトが用意されており、汎用性が非常に高いことが特徴です。
はんなり明朝
Google Fontsで利用できる明朝体です。
Noto Serifよりも柔らかい印象を与え、親しみやすさと上品さを両立したい場合や和風のデザイン制作におすすめです。
BIZ UDP明朝
ユニバーサルデザインを意識して作られた明朝体です。
Google Fontsで利用可能で、教科書や公的文書のような信頼感を高めたいサイトのデザインに適しています。
読みやすさを重視した見た目が特徴です。
ZEN オールド明朝（Zen Old Mincho ）
Google Fontsで使える明朝体で、Noto Serifよりもひらがなやカタカナが目立つデザインです。
情報や学問など、知的な印象を与えたいコンテンツに適しています。
ゴシック体
Noto Sans JP
Google Fontsの定番ゴシック体です。
クリーンな見た目で読みやすく、どのようなデザインにも馴染ませやすいです。
Zen Kaku Gothic New
Google Fontsで利用できるゴシック体で、やさしい印象からクリエイティブな印象まで幅広く対応できる表情豊かなフォントです。
ブランディングサイトやポートフォリオサイトにおすすめです。
さわらびゴシック（Sawarabi Gothic）
Google Fontsで利用できるゴシック体で、少しレトロな雰囲気が特徴です。
懐かしさや安心感を演出したい場合に効果的で、親しみやすいデザインに向いています。
丸ゴシック体
ZEN 丸ゴシック（Zen Maru Gothic）
Google Fontsで使える丸ゴシック体です。柔らかくてかわいらしい印象を与えることができ、親近性を高めたいサイト制作時に適しています。
より優しい雰囲気を出したい場合におすすめです。
M PLUS Rounded 1c
Google Fontsで使える丸ゴシック体です。読みやすさを重視しつつ、丸い形状で親しみやすさを演出することが可能です。子ども向けコンテンツや、カジュアルなサイトデザインに適しています。
Kosugi Maru
Google Fontsで使える丸ゴシック体です。
柔らかくて親しみやすい印象与えることができます。ウェイトは1種類のみです。
Kiwi Maru
Google Fontsで使える丸ゴシック体です。手書き感があり、Light、Regular、Medium、SemiBold、Boldとウエイトが豊富なことが特徴です。
UDゴシック体
BIZ UDPGothic
ユニバーサルデザインを意識して作られたゴシック体です。
視認性が高く、教育ジャンルやビジネス文書、アクセシビリティを重視したサイトに最適です。
英語フォント
サンセリフ
Roboto
Google Fontsで無料利用でき、読みやすくモダンな印象のWEBデザイン制作に最適です。
Open Sans
人気の高いフォントの一つです。Google Fontsで利用でき、視認性が高く、読みやすいことが特徴です。本文テキストに最適で、長文コンテンツでも疲れにくい見た目になっています。
Lato
Google Fontsで人気の高いサンセリフ体です。バランスが良く、洗練された印象を与えます。ビジネスサイトからカジュアルなブログまで、幅広く対応できる汎用性の高さが魅力的なフォントです。
Futura
クラシックな幾何学的サンセリフ体です。モダンで洗練された印象を与え、かつ数字の表示も美しいため価格表示にも適しています。Adobe Fontsで利用できます。
Quicksand
Google Fontsで使える丸みのあるサンセリフ体です。親しみやすく、フレンドリーな印象を与えることができるフォントです。
Oswald
Google Fontsで利用できる細身でモダンなサンセリフ体です。コンデンスド（縦長）のデザインで、スタイリッシュな印象を与えます。
Josefin Sans
Google Fontsで使える幾何学的でエレガントなサンセリフ体です。ファッションやライフスタイル系のサイトに合わせやすいフォントです。
セリフ
Times New Roman
定番中の定番で、フォーマルな文書や信頼性を重視するサイトに適しています。特に数字の表示が美しく、価格表示にもおすすめです。
Libre Baskerville
Google Fontsで使えるクラシックなセリフ体です。数字が非常にエレガントで、高級感のあるデザインに最適です。
EB Garamond
Google Fontsで使える古典的なセリフ体のフォントです。上品で洗練された印象を与え、文学的なコンテンツや高級ブランドのサイトに合わせやすいです。数字も綺麗に表示されます。
Cormorant
Google Fontsで使える使い勝手の良いセリフ体のフォントです。バリエーションが豊富なことが特徴です。
数字が綺麗なフォント
数字に使うフォントを選ぶ際には、数字の上下のラインが各数字揃っているフォントを選ぶことがポイントです。
また「Point.01」のようなテキストで使用する場合は、「0」（ゼロ）と「o」（オー）の区別がつきやすいものを選ぶと読みやすくなります。
（上下のラインが揃っていないフォントと揃っているフォント例）
数字が綺麗なサンセリフ
Alternate Gothic
ADAM.CG PRO
ATF Alternate Gothic
DIN
DIN Narrow
Futura
Josefin Sans
Oswald
BOURBON
Roboto Condensed
Sofia Pro
Lato
数字が綺麗なセリフ
Times New Roman
Cormorant Infant
Oranienbaum
Libre Baskerville
Magneta
EB Garamond
数字が綺麗な筆記体
Elina
数字が綺麗な日本語フォント
筑紫A丸ゴシック
つなぎゴシック
源ノ明朝
こころ明朝体
はれのそら明朝