谈谈网页设计中的字体应用 (3) 实战应用篇·上(2)
作者:棕熊 来源:棕熊blog 时间:2009-11-24 13:09:00
- 事实上呢?
大家来看看截图吧:
Internet Explorer 7
Firefox 2
Opera 9
Safari 3.1 Windows
……简直是一个浏览器一个样子嘛
这样还叫人怎么正经干活嘛
仔细看看,其实Firefox 和Safari 显示的还算靠谱,在这个例子里,显示的都正确。IE 和 Opera 都没有能用正确的字体显示中文字符。因为在 Comic Sans MS 搜索失效后,理应搜索幼圆字体。但不知道因为什么原因,IE 和 Opera 都没有顺序搜索下一个字体,甚至也没有搜索后面的黑体和sans-serif,而是直接跳到系统默认字体了——请注意,是系统默认字体,因为我已经在 Opera 里把 sans-serif 设成了雅黑,如果 Opera 还有良心搜索下 sans-serif 的话,还是应该用雅黑显示中文字符的。而且,不知怎么的,Comic Sans MS 中明明存在的双引号,也没能在 Opera 中得到正确的显示。什么号称最完美支持 CSS 的浏览器嘛,简直浪得虚名
IE 7 起码还好些,至少认了和英文字符直接相连的双引号。但是除此之外,也算是完败。
另外大家也不要认为Safari 是好人——某些版本的 Safari 3 for Windows 在第一个字体中寻找不到中文字符时,它干脆就显示了那个字体的缺字符,于是,所有的中文网页变成了整屏的囗囗囗囗囗囗囗,根本无法阅读 经本人和其他许多发现这个bug的人多次向Apple交涉,他们才最终修正了这个bug。
至于 Firefox, 其实也不完美,因为 Firefox 不支持字体别名。于是幼圆你只能写成"幼圆",黑体你只能写成"黑体",而不能用他们在系统中的正式字体名称——YouYuan 和 SimHei 。
对于浏览器为什么会产生这么多五花八门的奇怪渲染,偶也不知道,估计只有问这些浏览器的开发人员了
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
瀑布流布局代码一例
javascript实现文本框标签验证的实例代码
Bootstrap每天必学之工具提示(Tooltip)插件
![](https://img.aspxhome.com/file/2023/8/137038_0s.jpg)
Zend Studio去除编辑器的语法警告设置方法
![](https://img.aspxhome.com/file/2023/2/55702_0s.png)
MySQL 存储过程中执行动态SQL语句的方法
thinkPHP框架通过Redis实现增删改查操作的方法详解
mysql 8.0.22压缩包完整安装与配置教程图解(亲测安装有效)
![](https://img.aspxhome.com/file/2023/7/112897_0s.png)
一文了解Django缓存机制
python相对包导入报“Attempted relative import in non-package”错误问题解决
JS实现页面滚动到关闭时的位置与不滚动效果
Python实现扫描指定目录下的子目录及文件的方法
新装MySql后登录出现root帐号提示mysql ERROR 1045 (28000): Access denied for use的解决办法
python 定时修改数据库的示例代码
javascript常见数字进制转换实例分析
PHP容易被忽略而出错陷阱 数字与字符串比较
Python中的Matplotlib模块入门教程
![](https://img.aspxhome.com/file/2023/8/99168_0s.png)
各种 lightbox 实现效果介绍
Linux下彻底删除Mysql 8.0服务的方法
![](https://img.aspxhome.com/file/2023/6/103386_0s.png)
Pycharm配置opencv与numpy的实现
![](https://img.aspxhome.com/file/2023/4/114654_0s.jpg)
opencv resize图片为正方形尺寸的实现方法
![](https://img.aspxhome.com/file/2023/0/92410_0s.jpg)