有关字体在移动终端的那点事 2014年11月18日 No comments Article 随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败? 1.是否具有高辨识度 首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作。 还是这个例子,在Arial字体中,i,l 的辨识度很低,而且当有连续的il等较窄文字出现时,文字难以选中,此外Georgia中,字母o,与数字0 只在大小上略有区别,基本上分不清,很难做到一目了然。 由此可见,等宽字体受字母本身的干扰较小,字母大小固定,密度固定,此类字体,简单容易辨认,大大提升了阅读效率。但等宽字体也有很严重的问题,他用降低美观程度而换来了高辨识度,因此,大多只能出没于在一些代码编辑器等软件。 Read More
移动web页面使用字体的思考 2014年11月18日 No comments Article 回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family 为微软雅黑,后来发到线上后,细心的产品经理发现页面的字体不是微软雅黑,要求马上修改,我就惊呆了,还跟产品争执一番。 后来了解到的手机系统 ios、android 等是不支持微软雅黑字体,为了满足产品的需要,保证视觉稿的还原度,手机端是如何定义微软雅黑字体呢? 相信大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上,在需要使用时被自动下载 Read More