谈谈网页设计中的字体应用 (4) 实战应用篇·下(3)

作者:棕熊 来源:棕熊blog 时间:2009-11-24 13:13:00 

- 常用西文字体介绍

Tahoma 16px  Tahoma 14px  Tahoma 12px

Tahoma是我本人比较喜欢的一种非衬线字体。首先几乎所有的系统都默认安装了这个字体,所以不会存在兼容性问题,其次,这个字体也比较均衡,显示段落也不错。

 

Verdana 16px  Verdana 14px  Verdana 12px

说老实话,Verdana太宽了,不适合中英文混排。很多时候Verdana的一个字母都要比同样size的中文字符宽了。国外设计师喜欢用Verdana, 很多时候是因为Verdana 11px以下的小字效果的确十分理想,但是国内很多设计师想也不想就照搬过来,并用在12px 乃至14px的布局上,导致本来就局促的空间更显紧张,所以不推荐作为font-family 打头阵的字体。

如果要使用Verdana字体的话,就一定要考虑它和一般系统default的sans-serif字体之间的大小差距。不论和Helvetica 或者Arial 比起来,Verdana都大得多了。不过好在几乎所有的系统也都会默认安装这个字体……

 

Trebuchet MS 16px  Trebuchet MS 14px  Trebuchet MS 12px

Trebuchet MS 是个很多人都会忽视的字体。其实我个人也比较欣赏这个字体的。与其使用Verdana, 还不如用这个线条更圆润的的字体来替代。对各种操作系统也有很好的支持。

缺点是和Verdana一样,因为过宽,而不适合用在中英文混排。也要注意和default sans-serif font 宽度差距的问题。

因为考虑到有些Linux 系统可能不会安装这个字体,所以如果要用在一个font-family的开头话,可以使用Verdana 做后续字体。

 

Arial 16px  Arial 14px  Arial 12px

Windows 操作系统的默认sans-serif 字体。没啥好说的,永远都不会用到的默认字体。

 

Helvetica 16px  Helvetica 14px  Helvetica 12px

为啥同样是默认字体,Helvetica 就这么典雅呢?  哪怕就是用在font-family的开头也是能独挡一面的啦。

另外,这里有个 Helvetica 和 Arial 打架的flash游戏~ 像超级玛利一样踩 Arial 字符就可以了。顺便没有 Helvetica 字体的人可以看一下两个字体的具体区别~ 茶~

 

Georgia 16px  Georgia 14px  Georgia 12px

我最喜欢用的 serif 字体。不仅很适合做正文,也适合做标题。尤其是意大利体的 Georgia Italic 更是魅力难挡。缺点仍旧是不适宜和汉字混排,因为Georgia的衬线哪怕对于宋体来说也太重了,所以看上去硬邦邦的……

Times New Roman 16px  Times New Roman 14px  Times New Roman 12px

Windows 的默认serif 字体。没啥好说的,西文字体的元老了。很多字体,比如大家都熟悉的Courier New都是从Times New Roman派生出来的。

不过现在印刷业都很少用这个字体了,更多的是在用它的后代——Times Europa 和 Times Europa Office。

在具体的网页字体应用上,要注意同样字号的Times New Roman比普通字体小的多,所以一定要考虑进字体大小的变化

Courier New 16px  Courier New 14px  Courier New 12px

常用的等宽字体之一。其实等宽字体的选择比较小啦,所以基本上要兼容所有系统,也就只能选这个字体了。

不过还好,等宽字体通常都是在写代码的时候有用,所以只要等宽就没什么大问题。类似于 Lucida Sans Typewriter, Lucida Console, Monaco 之类的字体也都很好用。

标签:字体,网页设计,font-family,浏览器
0
投稿

猜你喜欢

  • JavaScript学习心得之如何走出初学困境

    2008-12-24 13:30:00
  • 视觉设计常见误解

    2008-11-13 13:09:00
  • 三种SQL分页查询的存储过程代码

    2012-01-05 19:31:32
  • 在MySQL中使用XML数据—数据格式化

    2009-12-29 10:26:00
  • 能否用显示/隐藏层来控制FLASH播放与停止

    2008-10-27 14:08:00
  • 使用NetBox 编译 asp 为exe应用程序

    2009-11-29 16:13:00
  • MySQL中与NULL值有关的疑难问题

    2008-11-24 12:47:00
  • 模仿PHP写的ASP分页函数

    2008-04-13 06:11:00
  • SaaS中的用户体验设计

    2009-05-20 12:28:00
  • ASP 千万级数据分页的存储过程

    2011-04-14 11:08:00
  • SQL Server 2000日志转移实现高可用性

    2009-01-20 15:04:00
  • 讲解SQL Server 2005数据库的同义词Bug

    2008-11-28 14:22:00
  • 互联网产品设计师自我介绍

    2009-04-16 12:45:00
  • DWCS3-CSS布局之二CSS规则定义

    2008-06-16 13:36:00
  • 全局字体最佳实践

    2009-08-13 14:37:00
  • asp远程网页数据采集常用函数代码

    2008-10-31 12:44:00
  • UTF-8转为GB2312编码的asp函数

    2007-08-23 13:42:00
  • asp OpenTextFile文本读取与写入实例代码

    2011-04-15 11:00:00
  • 如何在社区建立一个寻呼台?

    2009-11-08 18:59:00
  • 安装SQL Server 2005时出现计数器错误

    2008-11-28 14:19:00
  • asp之家 网络编程 m.aspxhome.com