Web反響ラボ
ホームページ制作・WEB制作 | 福岡・北九州
Google検索「ホームページ制作 福岡」「ホームページ制作 北九州」上位表示中!
093-982-4223
平日 9:30 - 17:30
福岡県北九州市小倉南区星和台2丁目2-36-2
Web反響ラボ
Webサイトの印象は、フォント選びによって大きく変わります。特に欧文フォントは、見出しやロゴ、タイトルに使うだけで、Webサイトをぐっと引き立ててくれます。
今回は、Google Fontsから厳選した15種類のフォントをご紹介します。商用・非商用問わず自由に使えるので、サイトの雰囲気や目的に合わせて選んでみてください。
目次 - Index -
3010文字
読み終わる時間の目安:約6分
Googleのデザイナーが開発したサンセリフ体フォントです。ムダのないシンプルな線と、バランスの取れた形が魅力で、すっきりモダンな雰囲気を演出できます。見出しにも本文にも合わせやすく、どんなデザインにも自然に馴染みます。
分類 | サンセリフ体/バリアブルフォント/イタリックを含む18ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
縦長で存在感のあるサンセリフ体です。シャープで引き締まった雰囲気があり、タイトルや見出しをぐっと目立たせたいときにぴったり。堅実さとスタイリッシュさをあわせ持ち、はっきりとした印象を与えられます。
分類 | サンセリフ体/バリアブルフォント/6ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
モダンで整った雰囲気のサンセリフ体です。直線のシャープさと曲線のなめらかさが調和していて、洗練された印象を演出できます。見出しから本文、ロゴまで幅広く使える万能なフォントです。
分類 | サンセリフ体/バリアブルフォント/イタリックを含む18ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
幾何学的でモダンな雰囲気のサンセリフ体です。低めの重心と個性的なフォルムが目を引き、キャッチコピーやタイトルにちょっとしたアクセントを添えられます。
分類 | サンセリフ体/バリアブルフォント/イタリックを含む14ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
現代的でバランスのとれたサンセリフ体です。丸みを感じる正方形に近いフォルムが特徴で、すっきりとしつつも親しみやすい雰囲気を持っています。見出しから本文まで幅広く使える、汎用性の高いフォントです。
分類 | サンセリフ体/イタリックを含む18ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
読みやすさを重視したセリフ体で、落ち着いた雰囲気の企業サイトに適しています。本文や見出しなど、幅広い用途で使いやすいのも特徴です。
分類 | セリフ体/バリアブルフォント/イタリックを含む8ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
18世紀の書体に影響を受けたクラシックなセリフ体です。細く繊細なラインが特徴で、大きめの見出しやタイトルに上品さをプラスできます。
分類 | セリフ体/バリアブルフォント/イタリックを含む12ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
16世紀の名書体Garamondをデジタル化したクラシックなセリフ体です。落ち着いた雰囲気で、本文から見出しまで幅広く使いやすいフォントです。
分類 | セリフ体/バリアブルフォント/イタリックを含む10ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
伝統的なBaskerville書体をベースにしたセリフ体です。しっかりとした線幅で、落ち着きと上品さを演出できるフォントです。
分類 | セリフ体/イタリックを含む3ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
ローマ時代の碑文にインスパイアされたセリフ体です。古典的で堂々とした雰囲気があり、特別感を演出したい見出しやタイトルに適しています。
分類 | セリフ体/バリアブルフォント/6ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
軽やかでスムーズな筆記体フォントです。手書きの温かみと上品さをあわせ持ち、タイトルやロゴにさりげなく華やかさをプラスできます。
分類 | スクリプト体(筆記体)/1ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
文字が踊るようにリズミカルな筆記体フォントです。滑らかで親しみやすく、タイトルやロゴなどに華やかさを添えることができます。
分類 | スクリプト体(筆記体)/バリアブルフォント/4ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
流れるように美しいラインが特徴の筆記体フォントです。上品さとほどよいラフさを兼ね備え、フォーマルからカジュアルまで幅広いシーンで使用できます。
分類 | スクリプト体(筆記体)/1ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
控えめで気品のある筆記体フォントです。滑らかでバランスの取れた曲線が上品さを演出し、フォーマル寄りのデザインにも自然に馴染みます。
分類 | スクリプト体(筆記体)/1ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
シンプルで優雅な筆記体フォントです。細身で伸びやかなラインが洗練された雰囲気を演出し、見出しやサブタイトルにアクセントとして使いやすいデザインです。
分類 | スクリプト体(筆記体)/2ウェイト |
---|---|
収録文字 | 英字/数字/記号 |
今回ご紹介した15種類のGoogle Fontsは、サンセリフ体・セリフ体・筆記体それぞれに個性があり、Webサイトの雰囲気作りに役立ちます。
見出しや本文、ロゴやアクセントなど、用途に合わせてフォントを選ぶだけで、サイト全体の雰囲気をより引き立てることができます。
商用・非商用で自由に使え、Webフォントとしても簡単に導入できるので、まずは気軽に試してみて、自分のサイトに合う組み合わせを見つけてみてください。
こちらの記事も合わせていかがですか?