![見出し画像](https://assets.st-note.com/production/uploads/images/79073907/rectangle_large_type_2_768083ec2cb44251b6d1517641978fbb.png?width=1200)
🗂️ Design Materials:デジタルデザイナーにとって非常に貴重なリソースGoogle Fonts。オススメフリーフォントまとめ
この記事では、Google Fontsで使えるオススメフリーフォントをまとめてご紹介します。
Google Fontsとは?
Google Fonts とは、Googleが提供するWebフォントのサービスです。
2010年にリリースされて、無料で利用可能、また様々な言語のフォントにも対応している点が大きな特徴です。
Google Fontsは、デジタルデザイナーにとって非常に貴重なリソースです。Webフォントを直感的に利用でき、安定したオープンソース ディレクトリとなっています。またそのフォントのオープンソースの性質により、商用および個人使用の両方で実行可能なオプションになっています。
Googleのツールであるため、アクセシビリティはもちろん重要です。読みやすさと読みやすさを考慮して、ウェブとモバイルのタイポグラフィを高品質で選択できます。
タイポグラフィの使用は最新のトレンドの主要なデザイン要素であり、GoogleFontsをこれまで以上に価値のあるリソースにしています。
日本語の書体デザインやフォント開発
膨大な数の文字のデザインに要する時間や、ファイルをWebフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。
Google Fontsには現在、57の日本語書体が提供されています。これらのすべてのフォントが商用OKで無料となっています。
日本語フォントを使用できることは便利なことですが、デメリットもあるようです。日本語フォントは英語フォントより文字数が多いのでファイルサイズも大きくなります。
例えば英文フォントですとアルファベット、英数、記号を合わせて100文字程度とされていますが、日本語はひらがな、カタカナ、漢字、英数、記号でJIS第1水準漢字だけでも2,965文字あるようです。
Google Fontsで使えるオススメフリーフォント
ここで取り上げられているGoogle Fontsは多くのスタイルと重みを持つファミリだけでなく、インターフェイス用に最適化されたフォント、UIに最適化されたWebフォント、および段落で特に読みやすい、またはモバイルで読みやすい、あらゆるデバイスで読みやすいフォントのセレクションになっています。
Sora
Soraは「空」を意味し、社会に利益をもたらすプロジェクトに力を与えることに焦点を当てたソラ分散型自律経済のために委託された書体です。 Soraの開発者であるSoramitsuは、ブロックチェーン開発を専門とする日本のテクノロジー企業であり、最初の中央銀行デジタル通貨の作成で有名です。
![](https://assets.st-note.com/img/1653201640618-ewLON3llkw.png?width=1200)
Hahmlet
Hahmletは、未知のレタラーによって作成された1940年代の韓国の「ハムレット」映画のポスターに触発されています。 Hahmletは、あらゆる種類の植字、印刷、画面に最適ですが、看板やポスターのデザインにも最適です。 ハングルとラテン語のバイリンガルタイポグラフィに使用することをお勧めします。
![](https://assets.st-note.com/img/1653201653385-FRaGMJbTUn.png?width=1200)
JetBrains Mono
JetBrains Monoは、開発者の特定のニーズに合わせて作成された書体です。
![](https://assets.st-note.com/img/1653201665338-uTFT1MkxOp.png?width=1200)
Andada Pro
Andada Proは、有機スラブセリフ、ハイブリッドスタイル、テキスト用のミディアムコントラストタイプで、当初は特定のバイリンガルコンテキスト、スペイン語、グアラニー語(ヒスパニック以前)で使用するようにデザインされています。 このフォントは、Ibero-American Design Biennialで賞を受賞しています。
![](https://assets.st-note.com/img/1653201676298-wJBfXTCSTi.png?width=1200)
Epilogue
Epilogueは、重み軸を持つサンセリフ可変フォントです。 9つのウェイト、直立および斜体。ラテン文字スコープで幅広い言語をサポートします。
![](https://assets.st-note.com/img/1653201698655-Vj9uGSJgoR.png?width=1200)
Inter
Interは、コンピューター画面用に慎重に作成およびデザインされた可変フォントファミリーです。Interは、大文字と小文字が混在するテキストと小文字のテキストを読みやすくするために、背の高いエックスハイトを備えています。 周囲のグリフの形状に応じて句読点を調整するコンテキスト代替機能、「0」を「o」から明確にする必要がある場合の斜線付きゼロ、表形式の数字など、いくつかのOpenType機能も提供されます。
![](https://assets.st-note.com/img/1653201711975-5eqzNDAGKh.png?width=1200)
Encode Sans
Encode Sansは、あらゆる種類の活版印刷の課題に対応できる多用途の主力サンセリフスーパーファミリーであり、暖かさと実用性のユニークなブレンドを提供します。 シンプルな文字の形と開いた開口部のヒューマニストな側面は、それを鮮明で読みやすく保ち、部分的にまっすぐな側面を持つ丸い文字の幾何学的なアプローチは、フレンドリーでありながら正確なトーンを提供します。
![](https://assets.st-note.com/img/1653201725111-FiaNTi0O5W.png?width=1200)
Manrope
Manropeは、2018年にMikhail Sharandaによってデザインされたオープンソースのモダンなサンセリフフォントファミリーです。
![](https://assets.st-note.com/img/1653201736837-XDuCE9xt74.png?width=1200)
Lora
Loraは、書道にルーツを持つバランスの取れた現代的なセリフです。 本文に適した適度なコントラストのテキスト書体です。
![](https://assets.st-note.com/img/1653201750274-TjeYdNhFuX.png?width=1200)
BioRhyme
BioRhymeは、通常のファミリと拡張されたファミリの2つの幅で構成されるラテン語の書体ファミリです。 各ファミリには5つのウェイトがあり、どちらも大規模および中規模での使用を目的としています。
![](https://assets.st-note.com/img/1653201761577-KzV1JU1B3X.png?width=1200)
Playfair Display
Playfairは18世紀後半のヨーロッパ啓蒙主義では、当時人気のあった筆記具として、幅の広いペン先の羽ペンが先の尖った鋼のペンに置き換えられました。 印刷技術、インク、製紙の発展とともに、書かれた文字の形からますます切り離された、高コントラストで繊細なヘアラインの文字の形を印刷するようになりました。
![](https://assets.st-note.com/img/1653201773509-kOzo2jSc6L.png?width=1200)
Archivo
Archivoは、もともとハイライトと見出しのためにデザインされたグロテスクなサンセリフ書体ファミリーです。 この家族は19世紀後半のアメリカの書体を彷彿とさせます。 フォントの技術的および美的特性は、どちらも高性能のタイポグラフィ用に作成されています。 印刷プラットフォームとオンラインプラットフォームで同時に使用できるように設計されており、200を超える世界の言語をサポートしています。
![](https://assets.st-note.com/img/1653201785042-SjX10L9Ut1.png?width=1200)
Roboto
Robotoには2つの性質があります。 それは機械的な骨格を持っており、形は主に幾何学的です。 同時に、フォントはフレンドリーでオープンな曲線を備えています。一部のグロテスクは文字の形を歪ませて厳格なリズムを強制しますが、Robotoは妥協せず、文字を自然な幅に収めることができます。 これにより、ヒューマニストやセリフのタイプでより一般的に見られる、より自然な読書リズムが実現します。
![](https://assets.st-note.com/img/1653201798069-rifo4apNNn.png?width=1200)
Cormorant
Cormorantはクリスチャン・タルマンによって開発された無料のディスプレイタイプのファミリーです。
![](https://assets.st-note.com/img/1653201810914-3Px7BDFn15.png?width=1200)
Spectral
Spectralは、新しい多用途のセリフフェイスで、小さなキャップが付いた、ローマ字と斜体の7つのウェイトで利用できます。 Spectralは、主にテキストが豊富な画面優先の環境と長時間の読書を目的とした、効率的で美しいデザインを提供します。
![](https://assets.st-note.com/img/1653201825157-CXBGVnbrG0.png?width=1200)
Raleway
Ralewayは、エレガントなサンセリフ書体ファミリーです。 当初はマット・マキナニーによって単一の薄いウェイトとしてデザインされましたが、2012年にパブロ・インパラリとロドリゴ・フエンザリダによって9ウェイトのファミリに拡張されました。徹底的なレビューと斜体が2016年に追加されました。
![](https://assets.st-note.com/img/1653201839630-5jIrr7ZKKr.png?width=1200)
Work Sans
Work Sansは、初期のグロテスクに大まかに基づいた書体ファミリーです。 ファミリの中央にある通常のウェイトなどは、ミディアムサイズでの画面上のテキストの使用に最適化されており、印刷デザインでも使用できます。 極端な重みに近いフォントは、Webと印刷の両方で表示できるようにデザインされています。
![](https://assets.st-note.com/img/1653201854897-UjKHSAG8qX.png?width=1200)
Lato
Latoは、ポーランド語で「夏」を意味します。サンセリフ書体ファミリーです。 2010年12月、Latoファミリーは、Googleのサポートを受けて、Open Font Licenseの下で公開されました。
当初、このファミリは、大規模なクライアント向けの一連の企業フォントとして考えられていました。最終的には、別のスタイルの方向に進むことを決定したため、ファミリは一般公開されました。
![](https://assets.st-note.com/img/1653201865916-1cj9RQgZ4E.png?width=1200)
Anton
Antonは、従来の広告サンセリフ書体を作り直したものです。 文字のフォームはデジタル化され、Webフォントとして使用できるように形状が変更され、カウンターが少し開かれ、ステムは最新のWebブラウザーで太字の表示フォントとして使用できるように最適化されています。
![](https://assets.st-note.com/img/1653201877143-6rljXz9dE7.png?width=1200)
Old Standard TT
Old Standardは、19世紀後半から20世紀初頭のさまざまなエディションで非常に一般的に使用されていた、特定のタイプのモダン(クラシック)スタイルのセリフ書体を再現していますが、その後ほぼ完全に廃止されました。 ただし、この文字タイプには、少なくとも2つの利点があります。
![](https://assets.st-note.com/img/1653201888260-ngK9XhLgNg.png?width=1200)
Oswald
Oswaldは、歴史的に「代替ゴシック」サンセリフ書体で表されたクラシックなスタイルを作り直したものです。 オズワルドのキャラクターは、最初に再描画され、標準のデジタル画面のピクセルグリッドによりよく適合するように再構築されました。Oswaldは、デスクトップコンピューター、ラップトップ、およびモバイルデバイス上のWebブラウザーによってインターネット上で自由に使用できるようにデザインされています。
![](https://assets.st-note.com/img/1653201900105-vpQ5FnI6bB.png?width=1200)
Montserrat
Montserratは、サンセリフのもう1つの魅力的で価値のあるファミリと見なされているサンセリフ書体です。 グラフィックデザインの仕事で知られる著名なグラフィックデザイナー、フリエタ・ウラノフスキーによってデザインされました。 書体は、SubryadaとAlternatesを含む2つの姉妹ファミリで構成されています。 各ファミリには多くの特殊文字が含まれています。
![](https://assets.st-note.com/img/1653201913043-z7zesvjWN1.png?width=1200)
Poppins
Poppinsは、幾何学的なサンセリフ書体で、人気のあるデザインフォントです。デーバナーガリーとラテン語の書記体系をサポートしています。
各文字の形はほぼ単線であり、活版印刷の色を均一に保つために、必要に応じてストロークジョイントに光学補正が適用されます。 デーバナーガリーの基本文字の高さとラテン語のアセンダーの高さは同じです。 ラテン語の大文字はデーバナーガリー文字よりも短く、ラテン語のエックスハイトはかなり高く設定されています。
![](https://assets.st-note.com/img/1653201929107-YD1fJq1vUZ.png?width=1200)
Nunito
Nunitoは、バランスの取れたサンセリフ書体スーパーファミリーで、2つのバージョンがあります。プロジェクトは、ディスプレイタイポグラフィ用の丸みを帯びたターミナルサンセリフ、またそれをウェイトのフルセットと、それに付随する通常の丸みのないターミナルバージョンがあります。
![](https://assets.st-note.com/img/1653201940092-9DWdESuxMy.png?width=1200)
Source Sans Pro
アドビ初のオープンソース書体ファミリーであるSource Sans Proは、PaulD.Huntによってデザインされました。 これは、ユーザーインターフェイスでうまく機能することを目的としたサンセリフ書体です。
![](https://assets.st-note.com/img/1653201957018-5E2RXZXL3l.png?width=1200)
Oxygen
Oxygen書体ファミリーは、GNU+Linuxオペレーティングシステム用のlibreデスクトップであるKDEプロジェクトの一部として作成されています。 このデザインは、FreeTypeフォントレンダリングシステム用に最適化されており、すべてのグラフィカルユーザーインターフェイス、デスクトップ、およびデバイスで適切に機能します。
![](https://assets.st-note.com/img/1653201970452-ylHysSKe9M.png?width=1200)
Open Sans
Open Sansは、標準のISO Latin 1、Latin CE、ギリシャ語、およびキリル文字セットを含む完全な897文字セットが含まれています。 Open Sansは、直立したストレス、オープンなフォルム、ニュートラルでありながら親しみやすい外観でデザインされました。 印刷、Web、およびモバイルインターフェイス用に最適化されており、文字形式で優れた読みやすさを備えています。
![](https://assets.st-note.com/img/1653201982406-CTSNpMrsga.png?width=1200)
Webフォントの使用方法
この時点で、誰もがWebフォントの使用方法を知っていますが、よくわからない場合は、2つの方法があることを知っておく必要があります。
1つ目は、Google FontsのWebフォントサービスを使用して、サーバーからフォントをダウンロードすることです。
2つ目は、サーバーでフォントをホストし、スタイルシートで@font-faceルールを使用することです。
Webフォント埋め込みサービス
Google Web Fonts(GWF)は、サーバーでホストされているフォントを使用できるようにするシステムです。GWFは無料で使用でき、アカウントを持っている必要はありません。またトラフィックやドメインに制限はありません。GWFの最も価値のある特徴の1つは、プロジェクトのデザイン段階で使用するフォントのデスクトップバージョンをダウンロードするオプションです。
私も色々勉強中なので、皆さまのご意見・ご感想をお聞かせください。
お読み頂きまして、ありがとうございました。
![画像](https://assets.st-note.com/img/1652341150122-OblD7Dc92W.png?width=1200)
メルボルンを拠点にプロダクトデザイナーとして働いています。 主にデジタル・プロダクトの制作に携わっています。
[参考資料]