DINに一番近いGoogle Fontsはどれ? 無料で使える代替フォントを比較

ブログ
din.avif

DINっぽい書体をWebで使いたい(無料で。)

DINは、ドイツの工業規格 DIN 1451 をもとにした書体で、道路標識や工業製品、UIの数字表示などでよく使われています。1995年に Albert-Jan Pool がデザインした FF DIN をきっかけに、Webやグラフィックでも定番になりました。

Webで使うにはAdobe Fonts で、使用するのが一番有名なパターンです。 ただし有料となります

そこで「Google Fontsの中でDINに一番近いのはどれか」を調べて、候補の書体で同じ文字を並べて比べてみました。

本家DIN(URW DIN)

00-urw-din.avif

まずは比較の基準として、本家DINの見た目です。ここでは URW Type Foundry の URW DIN で、ほかの書体と同じ文字を並べています(1行目 Bold、2〜4行目 Regular)。

数字の「1」や「4」、小文字の「a」「g」「t」の形に、DINらしさがよく出ています。以下の書体は、この画像と見比べてみてください。

DINっぽいGoogle Fonts比較

1. Barlow

01-barlow.avif

DINの代替としてもっとも名前が挙がる書体です。ウェイトが豊富で、Semi Condensed / Condensed もあるので、DINの幅違いのような使い方もできます。気になる点としては、小文字の「g」の形がやや個性的です。

2. Golos Text

02-golos-text.avif

DINの代替としてなかなか良い、と評価されている書体です。Barlowよりやや柔らかい印象です。

3. Bai Jamjuree

03-bai-jamjuree.avif

DINよりもさらに角ばっていて、技術的・機械的な雰囲気が強い書体です。あまり使われていないので、人と被りにくいのも良いところです。

4. Archivo

04-archivo.avif

ウェイトや幅のバリエーションがそろっていて、ファミリー全体でDINの代わりにしやすい書体として挙げられています。

5. Exo

05-exo.avif

比較サイト FontAlternatives では、DINに一番近い無料フォントとして紹介されています。ただ、形はかなり未来的なので、DINそのものというより「DINっぽい工業系の雰囲気」を出したいときに向いていそうです。

6. Saira

06-saira.avif

幅のバリエーションが多く、Condensed系を使うとDINの狭い字幅に近づけられます。

7. Ropa Sans

07-ropa-sans.avif

DINの代替として紹介されることがある書体です。DINと比べると全体に字幅が狭く、小文字の高さ(x-height)も高めです。ウェイトは Regular のみです。

8. Overpass

08-overpass.avif

アメリカの道路標識用の書体(Highway Gothic)をもとにした書体です。標識由来という点でDINと近い雰囲気があります。

9. Oswald

09-oswald.avif

幅の狭いDIN(DIN Condensed)の雰囲気を出したいときの候補として挙げられています。見出し向きの書体です。

補足:Google Fonts以外なら D-DIN

Google Fontsにこだわらなければ、D-DIN(Datto DIN)という無料フォントがあります。DIN 1451 をもとに作られたほぼそのままの形で、DINにかなり近い見た目になります。こちらは Font Squirrel などで配布されています。

##

一覧へ戻る