css怎么设置字体的兼容性，css设置字体样式属性

求较新较全的css兼容性解决方案?

1、有两种方法：在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。

2、最被痛恨的，double-margin bug。ie6下给浮动容器定义margin-left 或者margin-right 实际效果是数值的2倍。解决方案，给浮动容器定义display：inline。

3、旋转滤镜一个页面中只允许有一个。这两点的解决方案是：将滤镜样式直接内嵌在元素标签上。如果有更好的解决方法可以留言。想了解更多Matrix滤镜，请猛戳这里和这里 这样配合CSS3样式transform即可兼容所有浏览器实现旋转效果。

4、另外还有一起其他的解决方案，例如google的 ie7 – js中是一个JavaScript库（解决IE与W3C标准的冲突的JS库），使微软的Internet Explorer的行为像一个Web标准兼容的浏览器，支持更多的W3C标准，支持CSSCSS3选择器。

5、问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

相关问答

Q1: 如何用css设置网页字体

1、通过css设置font-family来制定字体集，浏览器可以顺序查找使用你制定的一系列字体，让你的页面看起来还不错。装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。

2、CSS2规范根据长度——水平和垂直尺寸——来定义字体。这个长度为一个数值，前面可能带一个可选的加(+)或减(-)标记符。另外，该数值后可能有一个可选的单位标识符。另外，CSS2规范定义了两个单位类型：绝对单位和相对单位。

3、设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的，它们的字体需要单独设置。

Q2: CSS如何设置文字字体

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：a{font-family： 楷体；font-size： 20px；color： orange；}。

通过css设置font-family来制定字体集，浏览器可以顺序查找使用你制定的一系列字体，让你的页面看起来还不错。装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。

我们一一实例讲解通过css文字控制方法字体大小使用到font-size 首先设置了font-size的值为36px，则下面结果显示字体比较大。

下面的例子结合使用em和百分比值来对文本进行格式化。基本文本用百分比值来设置，然后用em来进行调整。

Q3: 如何解决css对浏览器兼容性问题总结

CSS hack的写法大致归纳为3种：条件hack、属性级hack、选择符级hack。

条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

兼容技巧：把大多浏览器预览效果为你想要的写在最顶。然后一些不兼容的版本就写在下面。例子如下：margin-top：20px；/*IE7+、FF*/(比如这个样式写上去之后IE7-火狐显示效果都是你想要的。

margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。

现在基本都只应付IE7，IE6和FF（火狐）的兼容问题，具体做法是在做页面的时候，就打开三个浏览器来调试，不要等做完再来调，那样会累死。

关于css怎么设置字体的兼容性和css设置字体样式属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。