谈谈网页设计中的字体应用 (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 。

对于浏览器为什么会产生这么多五花八门的奇怪渲染,偶也不知道,估计只有问这些浏览器的开发人员了

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

猜你喜欢

  • 瀑布流布局代码一例

    2023-08-25 07:33:19
  • javascript实现文本框标签验证的实例代码

    2024-04-25 13:07:41
  • Bootstrap每天必学之工具提示(Tooltip)插件

    2023-07-02 05:25:22
  • Zend Studio去除编辑器的语法警告设置方法

    2023-10-11 17:10:15
  • MySQL 存储过程中执行动态SQL语句的方法

    2024-01-12 21:22:22
  • thinkPHP框架通过Redis实现增删改查操作的方法详解

    2023-11-14 14:50:55
  • mysql 8.0.22压缩包完整安装与配置教程图解(亲测安装有效)

    2024-01-25 05:26:14
  • 一文了解Django缓存机制

    2023-08-18 06:34:21
  • python相对包导入报“Attempted relative import in non-package”错误问题解决

    2022-02-28 12:57:05
  • JS实现页面滚动到关闭时的位置与不滚动效果

    2024-04-10 10:47:56
  • Python实现扫描指定目录下的子目录及文件的方法

    2022-09-04 23:44:40
  • 新装MySql后登录出现root帐号提示mysql ERROR 1045 (28000): Access denied for use的解决办法

    2024-01-21 13:48:06
  • python 定时修改数据库的示例代码

    2024-01-25 00:31:40
  • javascript常见数字进制转换实例分析

    2024-04-30 10:08:48
  • PHP容易被忽略而出错陷阱 数字与字符串比较

    2024-05-11 10:10:08
  • Python中的Matplotlib模块入门教程

    2023-08-14 23:05:16
  • 各种 lightbox 实现效果介绍

    2007-11-06 19:16:00
  • Linux下彻底删除Mysql 8.0服务的方法

    2024-01-14 06:38:04
  • Pycharm配置opencv与numpy的实现

    2021-09-19 08:20:55
  • opencv resize图片为正方形尺寸的实现方法

    2023-02-21 15:34:51
  • asp之家 网络编程 m.aspxhome.com