优秀设计资源 » 小尺寸也能清晰显示的字体: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群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }