UIデザインに最適化されたフリーフォントが素晴らしい!小さいサイズでもくっきり綺麗に表示される -Inter UI
Post on:2017年11月2日
以前紹介した「Interface」が名前を改め、さらにくっきり綺麗に表示されるよう進化したUIデザイン用のフリーフォントを紹介します。
パソコンやスマホのモニターで、文字サイズが小さくてもくっきり美しく、綺麗に表示されるようデザインされています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103101.png)
The Inter UI font family
Inter UI -GitHub
Inter UIの特徴
Inter UIはUIでよく使われるRoboto, San Francisco, Lucida Grandeにインスパイアされ、小さいサイズでより機能するようにデザインされています。
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103102-01.png)
文字の可読性を高めるため、さまざまな工夫が取り入れられています。
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103105-01.png)
文字の前後関係に依存する字形
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103105-02.png)
表形式の数値
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103105-03.png)
スラッシュを含む「0」
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103105-04.png)
分数
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103105-05.png)
数字の文体セット
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103105-06.png)
記号文字の位置揃え
Inter UIフォントファミリー
Inter UIはウェイトも揃っており、非常に使いやすいフォントです。
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103102-02.png)
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103102-03.png)
![Inter UIのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103102-04.png)
タイポグラフィのデザインにもいいですね!
Inter UI 2.2の変更点
Inter UI 2.2では大幅な変更と改良が加えられ、アップデートされました。
2.1までの字形とは異なります、特に、a, s, 1に注目です。
![](http://coliss.com/wp-content/uploads-201704/2017103103.gif)
Inter UI 2.1と2.2の違い
Inter UIのダウンロード
Inter UIのダウンロードは、下記ページから。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017103104-02.png)
「Download」をクリックすると、Releaseページに移動するので、最新版(v2.2)から「Inter-UI-2.2.zip」をダウンロードします。
ライセンスは「 SIL Open Font Licenseで、個人でも商用でも無料で利用できます。
sponsors