谈谈网页设计中的字体应用 (3) 实战应用篇·上（3）
作者：棕熊 来源：棕熊blog 发布时间：2009-11-24 13:09:00
- 解决方案
因为主流浏览器在中文显示中实在无法统一，因此，解决上面这个问题的办法也只能是折衷和妥协的方案。至于如何折衷，那么要看你到底想要保证英文字符的显示效果，还是中文字符的显示效果。
如果你希望保证中文的显示效果，那么你必须把你想要显示的中文字体放在 family-font 定义的第一位。比如上面例子里的样式定义，你可以写成：
font-family: "幼圆", "Comic Sans MS", sans-serif;
这样就可以保证所有中文字符都显示为幼圆。至于为什么 IE 和 Opera 又认了在 font-family 首位的幼圆，这个也不要问偶，总之它们就是认了 
这样做的缺点也是显而易见的。一般中文字体中都会包含英文字符，比如上面的幼圆。所以网页中的英文字符也会优先应用这些中文字体来显示。而中文字体中的英文字符，通常都不怎么好看。比如还是这个幼圆，里面的英文字符根本就和宋体一模一样，根本和幼圆中的中文字符不搭调。于是中英混排的文章就极其难看。而且很遗憾，一般网页上，中英混排的情况还是很多的，比如用户名、日期时间、URL等等，总是少不了英数字……
另外，这个方案也不能从根本上解决浏览器对中文字符支持的缺陷。比如这种情况：有人非常喜欢黑体字的效果，所以想用微软雅黑来显示你的网页，但是考虑到只有 Windows Vista 才有微软雅黑字体，所以打算在没有雅黑的电脑上用黑体来显示文字，于是他写了这么个样式规则：
font-family: "微软雅黑", "黑体", sans-serif;
但实际测试下来，他会发现，即使第一个字体设置成了中文字体，在这个字体缺失的情况下，IE 和 Opera 还是不会使用第二位的黑体，而继续它们自己的莫名其妙的规则，使用了系统默认字体——宋体。这显然还是不能满足设置 font-family 属性的初衷。
第二个方案是，仍旧按照CSS标准的解释方式来写 font-family，但是在 font-size 上做些手脚，只用 12px, 14px, 16px 等稳扎稳打的字体大小。这样做最大的好处是能优先用最合适的字体显示英文字符。至于中文字符，XP的宋体也好，Vista的雅黑也好，OS的新宋体也好，在上面几个字体大小下显示的都不算难看。何况中文字体的选择范围本来就比较小，无外乎也就是那几个系统默认字体，因此自然也凑合。个人比较倾向使用这种方案。
至于具体选用哪种方案，还需要大家根据实际情况斟酌而定。
今天就讲到这里吧。下次我会从跨平台兼容性上讲述如何实际应用字体哟~
那么，大家下次见吧~ 
0
投稿猜你喜欢
- 从今天开始起，基督山将和大家一起进入ASP.net 诸多程序的学习中，老实说，.net到底是法宝还是垃圾，我们拭目以待。有任何问题，联络基督
- 从今天起，我将陆续将 ppk on JavaScript 的读书心得发布到这个blog上。ppk是我所景仰的一位web开发者，原因无它，只是
网页的圆角处理，其实最开始的九宫格的表格处理是挺方便的，只是现在都不用表格布局了，自然就被非法取缔了。呵呵。微软的有VML画圆角，由于只是它- 阅读上一篇：FrontPage2002简明教程三：网页布局 网页的强大之处就在它的超链接，在浏览器中通过点击网页中的超链接，可以很方便地打开
- HTTP头中一般断点下载时才用到Range和Content-Range实体头，Range用户请求头中，指定第一个字节的位置和最后一个字节的位
- 现在网页设计师除了把页面做的漂亮以外，越来越注重“用户体验”，就是要做“别让用户思考”的网页，使网站真正做到“可用性”。望望结合几年的工作经
- 系列一：图片格式介绍Gif格式特点透明性Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha 透明）
- 自己做了一个asp页面，用了一个td来显示留言本的最新消息；但是却无法控制其排版问题，因为该td的width确定，但是数据库中的文字却是未知
- 大家都知道索引对于数据访问的性能有非常关键的作用，都知道索引可以提高数据访问效率。为什么索引能提高数据访问性能?他会不会有“副作用”?是不是
- 你是一位交互设计师吗？告诉我，你具体做些什么？我是做网站设计的？听起来不够专业。我是做网页设计的，听起来……你们是做界面的……恩，好吧，我勉
- 通常，在完成了一件网页设计后，设计师的无知都会显露无遗而备受指责。他们把创建网页代码的繁重工作都留给了程序员们。这种现象不只出现在网络开发行
- 游标的使用提到游标这个词,人们想到的是在屏幕上一个闪动的方框,用以指示用户将要输入字符的位置。而在关系型数据库的SQL语言中,游标却有另外的
- 网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影
- 很多现代的浏览器在地址栏的右边有个搜索框，默认的安装有 Google 搜索等。如下图所示：其实这是 OpenSearch 的一个应用，只要编
- 本文介绍如何建立基于Web的日历，同时为不熟悉Active Server Pages(ASP)、SQL和ADO的开发者提供建立Web站点的过
- 在单个HTML元素上利用CSS2.1实现拥有3张背景图片和2张内容图效果，或者多重边框的效果。这种渐进增强的方式适用于所有支持CSS2.1伪
- 在绝大多数查询中，MySQL使用哪种校对规则进行比较是很显然的。例如，在下列情况中，校对规则明显的是“列x的列校对规则”：SELECT&nb
- 当服务器必须提供与两个或更多个网络或网络子网的连接时，典型的方案是使用多宿主计算机。此计算机通常位于外围网络（也称为 DMZ、外围安全区域或
- 简介 函数式编程语言在学术领域已经存在相当长一段时间了，但是从历史上看，它们没有丰富的工具和库可供使用。随着 .NET 平台上的
- 计是一个输入-输出的过程，因为首先有用户的需求，客户的项目才有设计的产生，设计是带有目的性和市场行为的，当然也有一部分的创造性设计，仅仅为了
