网络编程
位置:首页>> 网络编程>> 网页设计>> 谈谈网页设计中的字体应用 (3) 实战应用篇·上

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

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

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

Hello, 大家好,又是我~

大家有看过font set和一些要注意的基本问题以及通用字体族两篇文章后,应该对字体的基本有了一些了解。现在我们开始把这些知识都应用到实战中吧!

- 规范中 font-family 的解释方式

我们定义下面这个字体表:


font-family: "Comic Sans MS", "幼圆", "黑体", sans-serif; 

按照W3C的规范,浏览器在使用这个 font-family 显示一个字符时,首先应该寻找 Comic Sans MS 字体。如果找不到 Comic Sans MS 字体,那么顺序搜寻下一个字体,即幼圆字体。如果找到 Comic Sans MS 这个字体,那么浏览器会在 Comic Sans MS 字体中寻找这个字符。如果找到这个字符,就使用 Comic Sans MS 字体来显示这个字符。如果没有找到这个字符,或者这个字符对应一个缺字符(缺字符是字体文件中的一种特殊字符,用来表示字体文件中没有这个字符。通常就是显示一个方块),那么就要到下一个字体,也就是幼圆体中继续搜寻这个字符。如此搜索整个字体表,知道搜索到这个字符为止。如果在通用字体,也就是这里的 sans-serif 字体中也找不到这个字符的话,那么浏览器就应该显示该字体的缺字符。

所以,如果有下面这句话:

所以我说:“这也是没办法的,it ain't going nowhere”。

那么,在一个正常的Windows XP系统上,所有中文字符都会被显示为幼圆,英文字符都被显示为 Comic Sans MS 字体。比如“说”字,浏览器先搜索 Comic Sans MS 字体,得到一个缺字符,于是搜索幼圆。系统中存在幼圆字体,于是终止搜索,将“说”字显示为幼圆字体。对于英文字符“i”,浏览器在 Comic Sans MS 这个字体中就能找到这个字符,于是就用 Comic Sans MS 显示 i 这个字符。

另外,双引号——“”,这两个字符其实在 Comic Sans MS 中也有。所以浏览器会用 Comic Sans MS 中的双引号来显示。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com