网页设计的大字体时代来临

2016-02-17 02:41 9 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享网页设计的大字体时代来临的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - 平面设计 】

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

网页设计的大字体时代来临,PS教程,图老师教程网

我们来看几个列子:

网页设计的大字体时代来临,PS教程,图老师教程网

网页设计的大字体时代来临,PS教程,图老师教程网

网页设计的大字体时代来临,PS教程,图老师教程网

我们发现微软雅黑的字体,慢慢的走进了我们的生活。这个字体并不是像素级别的,专业术语叫做非衬线字体,龋齿和棱角都不是相当的分明,但是在大字体中(22px的字体)表现的很好,加粗后笔画也很分明,没有锯齿。不像宋体没有粗体且在一些字号时效果极度粗糙,其它几个 Windows 自带字体的渲染效果也很悲剧。

目前在微软雅黑字体的运用上,中国门户的网站,显示的很保守(除了MSN),原因是面对的用户环境太复杂。各种分别率,各种浏览器,各种操作的系统,此时他们只能使用最大众的宋体。但是,如果你的小众网站,或者是个性的网站,你完全可以用你的个性大字体,走在他们的前面。突出你的标题和与众不同的风格。我们在来看看几个网站。

网页设计的大字体时代来临,PS教程,图老师教程网

网页设计的大字体时代来临,PS教程,图老师教程网

网页设计的大字体时代来临,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

但是使用这些大字体的时候,注意一下几点:

1)资讯信息量不是很大的网页,大字体的只适合做标题,不适合做正文。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

正文建议使用12px 14px的宋体。

2)找到替代微软雅黑的字体,XP系统没有自带的微软雅黑,加上没有安装OFFICE2007就更不会有该字体了。如果在CSS定义不到这个字体,可以用宋体或者黑体代替。不过要注意字号,不同字号的宋体和黑体,表现的效果不同。普通宋体大字体,有无锯齿还要看不同的浏览器。

3)坚信有一天,所有的字体将会自由的开放运用~~~。HTML5的时代离我们不远了。

来源:http://www.tulaoshi.com/n/20160217/1577741.html

延伸阅读
标签: 电脑入门
在wps文字的工具栏里,提供的字号大小最大是72号的,但实际应用中可能会用到比72号字还要大的字体,比如打印编号、指示牌等等。 实际上这个方法很简单,将要打印的内容选中,然后点击字号框(图1), 图1 改成想要的字号大小,比如120点(图2),回车。字体顿时就会变大,还可以修改数字来调整字体大小。调整页面设置后,就可以打印出超大字...
《永远的毁灭公爵》很简单的改大字体的方法 1,到Windows的字体里,把萎软雅黑拷贝出来,拷到\Duke Nukem Forever\Fonts文件夹下 2,把原有的两个字体后缀改名备份 3,用雅黑替换他们:把雅黑的文件名,改为这两个字体的文件名。(事先要复制一份雅黑字体,形成两个字体文件) 进游戏,搞定。字体大了至少2号,很爽!缺憾:用此法,会导致...
《永远的毁灭公爵》很简单的改大字体的方法! 1,到Windows的字体里,把萎软雅黑拷贝出来,拷到\Duke Nukem Forever\Fonts文件夹下 2,把原有的两个字体后缀改名备份 3,用雅黑替换他们:把雅黑的文件名,改为这两个字体的文件名。(事先要复制一份雅黑字体,形成两个字体文件) 进游戏,搞定。字体大了至少2号,很爽! 缺憾:用此法,会导致...

经验教程

19

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部