中国网页的初期都使用12px的字体(相当于Word的小四),这种字体在很长的时间内占据这中国网页字体的主导位置。但是虽着宽频显示器的不断的进入家庭,高分辨率的屏幕显示越来越普及,手机客户端的应用大众化。字体字号似乎也在发生着悄悄的改变。我们可以发现除了部分的门户网站,大多数应用性的,专业性的,部分电商都在放大他们的字体。我们常用12px 14px的宋体,一下子多出了许多的兄弟姐妹。

我们来看几个列子:



我们发现“微软雅黑”的字体,慢慢的走进了我们的生活。这个字体并不是像素级别的,专业术语叫做“非衬线”字体,龋齿和棱角都不是相当的分明,但是在大字体中(>22px的字体)表现的很好,加粗后笔画也很分明,没有锯齿。不像宋体没有粗体且在一些字号时效果极度粗糙,其它几个 Windows 自带字体的渲染效果也很悲剧。
目前在“微软雅黑”字体的运用上,中国门户的网站,显示的很保守(除了MSN),原因是面对的用户环境太复杂。各种分别率,各种浏览器,各种操作的系统,此时他们只能使用最大众的宋体。但是,如果你的小众网站,或者是个性的网站,你完全可以用你的个性大字体,走在他们的前面。突出你的标题和与众不同的风格。我们在来看看几个网站。



但是使用这些大字体的时候,注意一下几点:
1)资讯信息量不是很大的网页,大字体的只适合做标题,不适合做正文。
正文建议使用12px 14px的宋体。
2)找到替代“微软雅黑”的字体,XP系统没有自带的微软雅黑,加上没有安装OFFICE2007就更不会有该字体了。如果在CSS定义不到这个字体,可以用“宋体”或者“黑体”代替。不过要注意字号,不同字号的“宋体”和“黑体”,表现的效果不同。普通宋体大字体,有无锯齿还要看不同的浏览器。
3)坚信有一天,所有的字体将会自由的开放运用~~~。HTML5的时代离我们不远了。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
10种网页设计中字体的运用方式
相关文章3472018-05-10
详细解析网页正文字体应该选择更大字体
相关文章1932017-09-04
10点网页设计中文字排版的技巧分享
相关文章4362017-08-21
值得设计师看看的5个开发小知识分享
相关文章2682016-12-12
网页设计中如何让字体和文字搭配更好看
相关文章3692016-10-24
奇思妙想到底是如何制作优秀网页设计
相关文章3582016-07-11
5个让设计师和前端都更轻松的工具分享
相关文章2252016-07-11
详细解析方块堆叠式排版布局的网页分享
相关文章2722016-05-07
