優秀設計資源 ? 小尺寸也能清晰顯示的字體:Inter UI

小尺寸也能清晰顯示的字體:Inter UI

發表于: 優秀設計資源. 評論
Sponsor

達人將介紹一款適用于UI界面設計的免費英文字體,而它的特色是在尺寸小的界面上也能讓字體清晰可見,官方號稱為計算機屏幕上高度清晰的文本字體。

Inter UI的字體與 Roboto, San Francisco, Akkurat, Asap, Lucida Grande字形相似,但它主要目的是在屏幕清晰度上優勢明顯,即使是小尺寸也能清晰可見。字體包括OTF,TTF以及WEB格式。

截圖DEMO:

創作細節

為了提高字母的可讀性,設計者引入了各種獨特的細節優化。

字符的大小寫關系,請看下圖,左邊的符號是沒大寫的狀態,右圖是大寫狀態(這里指的是字符,不是字母哦)比如在大寫狀態輸入冒號,會自動垂直居中。

數字間距處理:

數字0的細節:

數字間距:

分數:

如何使用

如果是WEB端使用,可通過CSS屬性「font-feature-settings」來設置。

若是Illustrator, Photoshop等相關設計軟件,可以通過字符面板來設置,如下圖:

達人在Sketch軟件上使用時,沒有分數這個設置,而其它都會直接填充:

安裝字體

MAC:打開Inter UI (OTF)文件夾,選擇所有字體 – 右擊 – 打開方式 – 字體冊。
Windows:打開Inter UI (OTF)文件夾,選擇所有字體 – 右擊 – 安裝。

下載地址

字體名稱:Inter UI(v2.2)
字體版權:免費個人及商用(具體可查看下載包的LICENSE.txt)
官方下載:https://rsms.me/inter/
網盤下載:http://pan.baidu.com/s/1jItJneA

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }