UIデザインに最適化されたフリーフォントが素晴らしい!小さいサイズでもくっきり綺麗に表示される -Inter UI

以前紹介した「Interface」が名前を改め、さらにくっきり綺麗に表示されるよう進化したUIデザイン用のフリーフォントを紹介します。

パソコンやスマホのモニターで、文字サイズが小さくてもくっきり美しく、綺麗に表示されるようデザインされています。

サイトのキャプチャ

The Inter UI font family
Inter UI -GitHub

Inter UIの特徴

Inter UIはUIでよく使われるRoboto, San Francisco, Lucida Grandeにインスパイアされ、小さいサイズでより機能するようにデザインされています。

Inter UIのキャプチャ

文字の可読性を高めるため、さまざまな工夫が取り入れられています。

Inter UIのキャプチャ

文字の前後関係に依存する字形

Inter UIのキャプチャ

表形式の数値

Inter UIのキャプチャ

スラッシュを含む「0」

Inter UIのキャプチャ

分数

Inter UIのキャプチャ

数字の文体セット

Inter UIのキャプチャ

記号文字の位置揃え

Inter UIフォントファミリー

Inter UIはウェイトも揃っており、非常に使いやすいフォントです。

Inter UIのキャプチャ
Inter UIのキャプチャ
Inter UIのキャプチャ

タイポグラフィのデザインにもいいですね!

Inter UI 2.2の変更点

Inter UI 2.2では大幅な変更と改良が加えられ、アップデートされました。
2.1までの字形とは異なります、特に、a, s, 1に注目です。

Inter UI 2.1と2.2の違い

Inter UIのダウンロード

Inter UIのダウンロードは、下記ページから。

サイトのキャプチャ

Inter UI -GitHub

「Download」をクリックすると、Releaseページに移動するので、最新版(v2.2)から「Inter-UI-2.2.zip」をダウンロードします。

ライセンスは「 SIL Open Font Licenseで、個人でも商用でも無料で利用できます。

top of page

©2017 coliss