Archive for 十一月, 2011

当用户的系统字体库中没有网页预先设置的字体时,使用下面代码就可以在用户的系统中正常显示不存在的字体。 @font-face{ font-family:"字体名称"; src:url("字体文件.eot"); } 生成EOT字体文件: 1. 使用ttf2eot。 下载地址:http://code.google.com/p/ttf2eot/ ttf2eot 是一个开源项目。支持Linux和Windows的环境,能够快速的生成EOT文件。 2. Microsoft WEFT 下载地址:http://www.microsoft.com/typography/FreeToolsOverview.mspx Microsoft WEFT是微软推出的用来解决网页字体问题的软件。软件能够分析网页中调用了哪些字体,然后从系统中选择对应的字体进行转换,生成的EOT文件,也会根据页面中用到的字体情况进行缩减,所以生成的文件比较小。

通过条件判断引入样式表 在 IE 浏览器中通过条件注释语句加载指定的不同CSS样式表,而其他非 IE 内核浏览器则自动忽略注释。 <!--[if IE 8]><link rel="stylesheet" href="ie8.css"><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="ie7.css"><![endif]--> <!--[if IE 6]><link rel="stylesheet" href="ie6.css"><![endif]--> 这段代码 IE8、IE7、IE6 会加载各自对应的样式文件。 CSS Hacks 能解决问题但不符合W3C规范 _selector{property:value;} //IE6 *selector{property:value;} //IE6 IE7 selector{property:value\9;} //IE6 IE7 IE8 通过条件判断插入指定类 为不同 IE 版本设置样式的类 <!--[if !IE]><html><![endif]--> // 非 IE 浏览器的情况,不添加任何作用类 <!--[if IE 6]><html class="ie6">& ...