WEB Tips デザイン・コーディング

Helvetica,Futura,DINなど有名フォントの代わりになる?おすすめGoogleフォント

2019-07-24

本記事にはプロモーションが含まれています。

Helvetica,Futura,DINなど有名フォントの代わりになる?おすすめGoogleフォント

前回Illustrator、PhotoshopでGoogleフォントを使う方法をまとめましたが、今回はHelveticaやFutura、DINなど有名フォントの代用になりそうなおすすめGoogleフォントを紹介します。

有名なフォントをWebサイトで利用したい場合、ライセンスやコストの問題から、代替フォントを検討されることが多いと思います。

そこで、HelveticaやFutura、DINなどの有名フォントの代用として、Googleフォントの中から似たデザインのフォントをいくつかピックアップしてみました。こちらのフォントなら、無料で自由に使うことができます。

似たデザインのGoogleフォントを利用することで、ある程度有名フォントに近い雰囲気をWebサイトに落とし込むことができるかもしれません。ぜひ参考にしてみてください。

Adobe Fontsでも2万種類以上のフォントが自由に使えます。下記記事も参考にどうぞ。

商用利用,WebフォントOK 無料でも使えるAdobe Fontsの使い方

Adobe Fontsは、無料で登録するだけで利用でき、Webフォントも使えるサービスです。 普通、Adobeはプロ向けの高価なソフトというイメージがありますが、Adobe Fontsは実は無料会員で ...

続きを見る

Helvetica, Helvetica Neueに似てるフォント

まず最初はHelvetica(ヘルベチカ), Helvetica Neue(ヘルベチカノイエ)です。欧文フォントの定番と言ってもいいでしょう。「Helvetica」という映画が作られるほど知名度が高いです。

Helvetica NeueはHelveticaの改良版で、Helveticaと比べて丸みがあり文字間隔も広くなって読みやすさが向上しています。YosemiteからのMac OS やiOSの英字フォントとして採用されているので親しみやすいのではないでしょうか。

本家Helvetica NeueをWebフォントで使いたい場合、
FONT PLUS (月額1080円〜)、fonts.com (月額9.99ドル〜)など有料で利用することになります。

Helvetica
Helvetica Neue

Helvetica, Helvetica Neueの代わりになりそうなGoogleフォント4つ、挙げます。

Helveticaに似たフォント(1)IBM Plex Sans

Helvetica
IBM Plex Sans

IBM Plex Sans

企業であるIBMが、コーポレートフォントとしてHelveticaを50年以上利用していたのですがそのライセンス料に年間100万ドル以上かかっていたため、Helveticaに変わるフォントを開発したそうです。

IBM Plexには「IBM Plex Mono」「IBM Plex Sans」「IBM Plex Sans Condensed」「IBM Plex Serif」の4種類がありそれぞれGoogleフォントで公開されています。

Helveticaに似たフォント(2)Open Sans

Helvetica
Open Sans

Open Sans

Open SansはGoogle制作のウェブサイト、オンライン用途に最適化されたフォントです。フォントウェイトが8種類と豊富で多言語サポートされています。

Helveticaに似たフォント(3)Arimo

Helvetica
Arimo

Arimo

Arimoも読みやすくモダンな印象のフォントです。Helveticaよりは幅広な感じですが結構似ているんじゃないでしょうか。ウェイトは4種類、バリアブルフォント対応です。

Helvetica Neueに似たフォント Inter

Helvetica Neue
Google Fonts Inter
Inter

Inter

Helveticaより丸みのあるHelvetica Neueに似てるのは「Inter」じゃないでしょうか。フォントウェイトは9種類。より文字間隔が狭い「Inter Tight」もあります。バリアブルフォント対応。

Futuraの代わりになるフォント

FuturaはLOUIS VUITTONやSupreme、Volkswagenをはじめ数多くの有名ブランドでも使われている人気のフォントです。

コロンとして、細くても太くてもカワイイので私も大好きです。

Futura

このFuturaの代わりになるGoogleフォントを3つ挙げます。

  1. Didact Gothic
  2. Jost
  3. Kumbh Sans

Futuraに似たフォント(1)Didact Gothic

Futura
Didact Gothic

Didact Gothic

少し幅広ですが、Futuraに似た感じと思います。ウェイトがRegular400の1種類しかないのが残念なところです。

Futuraに似たフォント(2)Jost

Futura
Jost

Jost

JostはFutura同様字体のバランスに優れ読みやすいフォントです。 小文字「f」や数字が似ています。ウェイトが100〜900まであるのが嬉しいですね。 バリアブルフォント対応。

Futuraに似たフォント(3)Kumbh Sans

Futura
Kumbh Sans

Kumbh Sans

Futuraよりは太っちょな感じでCentury Gothicの方に入れようか迷ったフォントです。

おまけ Futura PT (Adobe Fonts)

AdobeCCユーザーならば、Adobe Fontsで「Futura PT」が利用できます。

こちらもCHECK

商用利用,WebフォントOK 無料でも使えるAdobe Fontsの使い方

Adobe Fontsは、無料で登録するだけで利用でき、Webフォントも使えるサービスです。 普通、Adobeはプロ向けの高価なソフトというイメージがありますが、Adobe Fontsは実は無料会員で ...

続きを見る

こちらもCHECK

FuturaをWindows,Webサイトで使う方法

有名ブランド・メーカーロゴにも採用されている人気フォント「Futura」(フーツラ)。 フォントウェイトの種類が多く、大文字・小文字でもそれぞれ魅力があって私も大好きなフォントです。 Macを使ってい ...

続きを見る

Century Gothicの代わりになるフォント 「Questrial」

Futuraに似ていると言われる「Century Gothic」。Windowsには標準でインストールされているのでお馴染みです。
こちらも丸っこくてかわいいです。

Century Gothicに似たフォントは「Questrial」です。

Century Gothic
Questrial

Questrial

Questrialは読みやすくデザイン性に優れているので、見出し用フォントに最適です。Questorialのフォントウェイトは1種類のみになります。

DINの代わりになるフォント「Oswald」

こちらも有名、DINはドイツの公共サイン向けに作られたフォントで、道路標識や公共交通機関のサインで多く使われているそうです。

ユニクロのロゴはDINを意識したフォント

プラスマイナスゼロも有名ですね。

直線的な字形でシンプル、高い可読性を目的とした機能美が特長のフォントです。このDINの代わりになるGoogleフォントは「Oswald」です。

DIN Pro
Din Pro Condensed
Oswald

Oswald

DINは通常フォントとCondensedフォントで結構イメージが変わるのですが、OswaldはDIN Condensedの方に似ています

Adobe Fontsでは「DIN2014」「DIN Condensed」が利用可能です。

Adobe Fonts DIN 2014
Adobe Fonts DIN2014
Adobe Fonts DIN Condensed

Impactの代わりになるGoogleフォント「Anton」

テキストを太く強調したい時にはImpactです。存在感を出したい時にも重宝します。こちらもロゴタイプに使われていることが多いです。

Impact
Anton

Anton

ちょっと縦に長い感じになりますがよく似ていると思います。

GillSansの代わりになるGoogleフォント「Lato」

可読性が高い、こちらも定番のGillSans。柔らかい印象。

GillSans
Lato

Lato

GillSansは小文字の[a]が特徴的ですが、Latoはちょっと違いますね。しかしLatoは、Googleフォントの中でも人気のフォントです。

2024年5月時点で、世界の2200万以上のサイトで「Lato」フォントが使われています。

Optimaの代わりになるフォントGoogleフォント「Marcellus」

MacOSの標準フォント。上品さを感じます。GUCCIやGODIVAなどのロゴタイプのベースになっています。

Optima
Marcellus

Marcellus

数字はかなり印象が違ってしまいますが、アルファベットは似ているんじゃないかと思います。

以上、有名フォントの代わりになるGoogleフォントをまとめました。最初に公開した2019年から新しいフォントも増えている感じです。

有名フォントを使いたいけれど諸事情で使えない時、Googleフォントで代用できるかもしれません。そんな時の参考になれば幸いです。

Adobe Fontsの使い方をまとめた記事もおすすめです

-WEB Tips, デザイン・コーディング
-, ,