UI设计师必须知道的字体代码知识,教你如何与前端 安卓 IOS开发人员对接

作为一个有追求的Ui视觉设计师,我们常常在走查时面对程序员实现的设计页面欲哭无泪!不知道哪里不对,但是哪里都很别扭,和我们精心设计的效果图总有着微妙的差别,导致上线效果非常不尽人意。

到底问题出在哪里呢?我们又应该如何和程序员沟通,以实现自己想要的效果?面对这些令人头大的问题,小桔经过多年实际项目经验,用一篇文章让你搞懂跟字体代码相关的事,再也不怕程序员哥哥们的无理拒绝了。(搞不懂也没事收藏起来随时遇到问题看一下就好~)

一、不安装字体包,实现特殊字体的相关代码知识

现在特殊字体出现的越来越多,大家都知道在app内嵌入字体包即可实现,但是有时候我们需要在h5页面中使用,或者我们只是少量使用,内置字体包既增加了开发工作量又增加了安装包大小,这时候就需要考虑不安装字体包的方式实现特殊字体。

下面以数字字体为例讲下相关知识,先来看下小桔整理的四种数字字体:

DINOT:APP内常用内置字体,在股票、理财、科技类应用中使用最多;

DIN Alternate Bold: IOS、MAC OS系统自带字体,“%”设计的与数字不太协调;

WeChat Sans SS: 微信支付中使用的数字字体 (这是微信改进的数字字体,只有数字0-9 );

DIN 30640 W04 Neuzeit GroteskBd:一款设计感更强的字体,包含英文和符号;与微信支付、百度有钱花的数字字体相似(在国外网站需要付费才让下载的字体,国内字体网站没有~