css html php-css fontface 在firefox和chrome里能显示正常，但是在IE里不正常

问题描述

css fontface 在firefox和chrome里能显示正常，但是在IE里不正常: 我自己简化了一个字库，生成了TTF,EOT,WOFF,SVG格式的，在FIREFOX里面能正常的显示文字，但是在IE里，第一个中文字就会显示不正常，并且我用IE的开发者工具发现IE7还出现了很奇怪的问题，原来英文标题后面没有“我”字，但是在IE7下面就出现了，IE7以上都是正常的。
测试地址有两个 http://test.digv.co:81/webfont/test.html， http://w.digv.cn,
麻烦高手帮忙看下，谢谢

解决方案

RY1001: IE6 IE7 IE8(Q) 会自动修复 'font-family' 特性的值是由一个引号包括了整个字体家族时的错误书写的代码

时间： 2024-09-16 00:17:55

css html php-css fontface 在firefox和chrome里能显示正常，但是在IE里不正常的相关文章

CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera_经验交流

现在的浏览器IE6-IE10.Firefox.Chrome.Opera.Safari...数量众多,可谓百家争鸣,对用户来说有了很多的可选择型,不过这可就苦了Web前端开发人员了.今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐.Chrome.Opera浏览器的Hack,并把这些CSS Hack综合的一起,写了一个小的浏览器测试器.如图所示: 下面就来看一下代码吧: html部分: 复制代码代码如下: <div class="content">

CSS IE6/7/8, Firefox, Safari, Chrome, Opera Hack使用简要归纳（转）

网上有很多关于IE6/7/8, Firefox, Safari, Chrome, Opera CSS Hack的文章,但我觉得太过繁杂,要不给出一张看也看不懂的CSS Hack归纳表,要不就是给出一大堆代码说明问题,不便于学习与使用.我根据自己的使用情况来简单地归纳了一下IE6/7/8, Firefox, Safari, Chrome, Opera的CSS Hack使用方法,希望会对大家有用. CSS Hack1:把IE6/7/8与其它浏览器区别开来在css代码属性值后面加上"\9"

CSS网页制作:CSS的面试题和练习

文章简介:如果你处在一个需要面试别人有关于CSS方面技巧和知识,一时想起来还真有点难.我把我能想出来的整理在一起,提供给大家参考. 如果你处在一个需要面试别人有关于CSS方面技巧和知识,一时想起来还真有点难.我把我能想出来的整理在一起,提供给大家参考. 练习要做正如他们说的,大家实际工作很重要.当然,大家通过工作练习更为重要.这些都是一些练习,并不特别困难,任何人或有没有CSS经验都应该做得到.只看或只听,这样做是没有任何意义的.在CodePen中做练习就挺完美的. CodePen如何使用

网页设计CSS网页布局:CSS网页布局的未来

文章简介:大家都知道,css有着奇妙的特性,然而让人失望的是,css对基本页面布局上的支持有所欠缺.但是这种情况正在得到改变,更多的动态页面正是由css所支持的,正如peter gasston所说的. 在这里,我能够保证在数年之后,css3必定能够引领潮流.一揽子的前端工具正在应运而生,方便为我们带来rounded corners圆角,gradients渐变,opacity透明度,transformations,transitions,animations,甚至更多效果.但是现在我们都有了fun

CSS兼容性问题 && CSS HACK

以前做网页的时候,只考虑 IE6 和 FF 的兼容性,公司换了,要求也高了,FF和IE 6 7 8 要全兼容了, 碰到要单独Hack IE8的.当然,用注释非常方便,只要添加相应的注释就可以解决.但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法.结论如下: selector{ property:value; /* 所有浏览器 */ property:value9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _p

CSS高级教程: CSS框架

文章简介:可以从CSS框架中借鉴到什么. 现在很多人会使用 CSS 框架进行快速建站.那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局.表单样式.网格.简单组件.以及样式重置.使用 CSS 框架大大降低工作成本进行快速建站.当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来一些限制或者冗余的问题.但在 CSS 框架已经日趋成熟的今天,在我们设计项目架构.规范的时候,现时市面上一些优秀的框架也可以给我们提供很多可借鉴的地方. 本文主要从几个

学习CSS教程:学习CSS网页布局

文章简介:你也许知道什么叫选择器,什么叫属性,什么叫数值,也许你对css布局略懂一二,但这还远远不够.如果你想着从头开始学习HTML和CSS的话,我建议你认真查看下 this tutorial. 否则,在工作的时候,你依然陷入迷惘的泥潭中苦苦挣扎. 这个篇文章介绍的是现在广泛使用于网站布局领域的CSS基础. 你也许知道什么叫选择器,什么叫属性,什么叫数值,也许你对css布局略懂一二,但这还远远不够.如果你想着从头开始学习HTML和CSS的话,我建议你认真查看下 this tutorial. 否则

CssGaga教程:css合并与CSS优化

文章简介:CssGaga – css合并和CSS优化 CssGaga – css合并勾选合并开启此功能Before: @import url("reset.import.source.css"); @import url("grid.import.source.css"); @import url("mod-1.source.css"); /* mod-1.source.css 中 @import url("media.source.

不同CSS技术及其CSS性能之间的差异

一.为什么我要测试CSS的性能这是背景: 我是OOCSS(译者注:面向对象CSS)的忠实粉丝.但是最近工作,我一直使用Compass,SASS(译者注:SASS使CSS函数化,有诸如变量,嵌套,混合,继承等特性,需Ruby支持).我有时候感觉到OOCSS和SASS似乎有点古怪.我的一个朋友把我介绍给了Chris Eppstein(Compass的创建者),我们就SASS中的@extend方法进行了探讨.所以我决定创建一个CSS测试页面,用一种很原生态的方式来显示是否SASS的@ex