css - 使用 css 定位特定浏览器

Question

我想 firefox 是唯一不支持字体“Arial Narrow”的浏览器。而其他浏览器不支持“font-stretch”属性。如何使用 CSS 定位特定浏览器？我这样做了:

@-moz-document url-prefix() {
    h2 {
  font-family:"Arial";
  font-stretch: condensed;
    }
    .header_p {
  font-family: "Arial";
  font-stretch: condensed;
}

}
h2{
 font-family:"Arial Narrow";
 font-size: 22px;
 letter-spacing: 0px;
}

.header_p {
 font-family: "Arial Narrow";
}

它不工作，我不知道为什么..

如果我调换顺序使@-moz 部分排在第二位，那么 chrome 将停止工作。我猜它正在尝试应用 @-moz 规则

而且 IE 根本不读取 CSS

Answer 1

来自万众怀念H Open Magazine :

CSS3 包括 a font module它提供了一个 @font-face 声明，允许网络开发人员加载字体以确保他们的网站以正确的字体显示。 WOFF 是这些字体的数据格式。

一种专门为网络设计的文件格式，它是一个容器，除了 sfnt 格式的(可选压缩的)字体表外，还可以包含元数据，例如许可或其他信息。

Browser support接近普遍。

这是 an example of how to use them .

这有帮助吗？