您当前的位置是:首页 - 设计理论 - 正文

网站设计页面字体设置需匹配不同终端和浏览器
发布日期:2015-1-4  浏览次数:1239次   优化北京网站建设  

现在做网站都在强调用户体验,一个网站体验好首先文字是最关键的,网站最基本的构成就是文字,目前网页上80%的信息仍是以文字形式传达的。网页中文字设计的好坏会直接影响到整个页面体验。希望用户看到的内容,如果因字体设置的原因导致阅读不方便或看得很烦,用户就会离开的页面。细节决定成败,如果网站文字字体都没有设置好,用户浏览起来都非常费劲,那网站的跳出率和转化率都会直接的受到影响。


目前,越来越多的浏览终端和浏览器不断出现,因为各自设计的不同,常用字体和默认字体可能会不一样,为了不影响用户体验,网页设计前必须清楚主流终端设备和浏览器常用和默认字体。


以前依葫芦画瓢的设置网页文字 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求。造成网页已经不能满足所有设备的用户需求,而恰恰这些兴起的设备正以势不可挡的速度进入互联网,所以影响非常大。


就拿最简单的宋体来说吧,在Windows系统下显示是一个比较容易阅读的字体,然而在Mac上简直无法直视,如下图给出一个优化前后页面的对比效果:


网站设计页面字体设置需匹配不同终端和浏览器


当然目前这只是移动设备各系统的支持情况,然而pc端个浏览器的支持情况也各不相同,如:


下面介绍下各个系统的默认字体和常用字体:


网站设计页面字体设置需匹配不同终端和浏览器


参考资料: iOS6字体列表 、 iOS7字体列表、 Mac OS X 10.6字体列表、 Mac OS X 10.7字体列表等,在看了一些资料之后,对系统和浏览器下的字体就有了一个基本的认识。



除了网页文字字体需要注意外,其他比如:字号、行距、背景、颜色等在设置时也需要注意。例如,不同的终端设备和浏览器显示的颜色有差别。而PC端和移动端因为屏幕的大小不同,同一字号和行距显示的效果也不尽相同。当然,也有不同终端设备和浏览器默认设置的问题。



上一篇:网页设计必须重视HTML5应用
下一篇:用户浏览企业网站注意力放在哪里?
点击查看更多设计理论新闻   丨   点击返回上一页