联系电话:025-89602456

42018/7 网站字体选择的全面深度解析-好文收藏


同企飞鸟哥,沥血整理, 整理网站字体选择,实例比较,综合全面一网打尽!



一个网站中,字体图片决定网站档次和格局。大多网站注意颜色的搭配,忽略了字体。一般字体的选用可以从以下几个原则去:


1字体与主题匹配

我们可以把字体分为两种,一种衬线字体非衬线字体




1.1 衬线字体特点:传统、秀气、自然、大方,例如: 



乌镇官网上书写的 中国乌镇 这四个大字,初看就会给人以传承、自然、信任的感觉。

如果你想要的就是这种感觉,那么使用宋体、楷体等系列字体,会是一个非常不错的选择,因为他们是汉字早期应用于印刷的常规字体,人们对它们更为熟悉,有亲切感,也更有中国韵味。


1.2 非衬线特点:庄重、可靠、现代、严谨,例如: 



京师律师事务所是一家1994年成立,服务于全球的综合性律师事务所。他们官网上整体使用的字体就是图中这样的

它本身在中国成型时间较晚,是西方印刷技术流入中国后才延伸出来的,它的字形方正、简洁、醒目,去掉了中国传统字体的修饰性框架,显得更加庄重、肃穆,所以在某些专业性领域比较强的时候可以尝试使用黑体、微软雅黑等系列字体。


1.3 其他主题字体 



为了特定的服务人群,使用的充满个性的独特字体,因为其特殊性,你很难去给他分类。就像方特网站上面使用的这种字体,它其实并不是常规会使用的字体类型,但因为他想吸引儿童群体,常规的字体显然没有足够的吸引力。当然,这样做的前提是你的需要一定的字体设计技巧,来为自己选择最好的那一个。



2、字体色彩的选择


在选择了字体之后,那我们就需要来考虑字体颜色的问题了,整体颜色不能与网站大的框架相冲突。


2.1  字体颜色朴素、正常 

网页上面通常都是白底黑字,相对来说字体尽量以黑色或浅灰色这类比较朴素的色彩作为主调,更能让大众接受。


2.2  文字颜色与背景的色彩要有明显的区分 

颜色和背景如果是过于相近的两种颜色,会使得文字变得不清晰,很难去看清,类似以下的效果。




2.3  避免特殊颜色 

这边尤其是最好避免使用链接蓝色,因为在网页中,蓝色经常是被用于显示有链接地址存在,如果你在网页中把一段文字设定成蓝色,会让人误以为这是可以点击的内容。



3、字体的表现形式


考虑到现在中文字体暂时是没有相对应的在线浏览服务的,它的展现还是需要靠电脑自带的中文字体包去进行渲染。


4、在实际过程中,往往是浏览器不兼容等实际问题,约束着设计师

考虑到现在中文字体暂时是没有相对应的在线浏览服务的,它的展现还是需要靠电脑自带的中文字体包去进行渲染。


5、锯齿和失真问题

Html 总16大的有锯齿,很多时候用的微软雅黑间距太小,大量文字的不建议使用,影响阅读。见下图。










九艾官方微信
contact us & 联系我们

tel: 025-8960 2456

地址:南京中山南路230号

南京同企信息科技有限公司 版权所有 苏ICP备14037450号-4