0

所有，我发现元素的相同字体css，字体在某些浏览器中显示为大写，但在其他浏览器中显示为小写。我检查了 firebug 中的元素。但是没有找到任何css属性。我不知道我应该检查哪个css属性。它与浏览器设置有关吗？谢谢。

编辑 我使用以下方式在页面中实现网络字体。请检查它。谢谢。

@font-face { 
    font-family: 'MyWebFontNormal';
    src: url('../webfonts/Novecentowide-Normal-webfont.eot');
    src: url('../webfonts/Novecentowide-Normal-webfont.eot?iefix') format('embedded-opentype'),
               url('../webfonts/Novecentowide-Normal-webfont.ttf') format('truetype'),
               url('../webfonts/Novecentowide-Normal-webfont.woff') format('woff'),
               url('../webfonts/Novecentowide-Normal-webfont.svg#webfont') format('svg');
}
@font-face { 
    font-family: 'MyWebFontBold';
    src: url('../webfonts/Novecentowide-Bold-webfont.eot');
    src: url('../webfonts/Novecentowide-Bold-webfont.eot?iefix') format('embedded-opentype'),
               url('../webfonts/Novecentowide-Bold-webfont.ttf') format('truetype'),
               url('../webfonts/Novecentowide-Bold-webfont.woff') format('woff'),
               url('../webfonts/Novecentowide-Bold-webfont.svg#webfont') format('svg');
}
4

1 回答 1

1

所有，我刚刚发现导致浏览器之间不兼容的主要原因是因为不同的浏览器只依赖于不同的字体文件。这是它的细节。请审查它。使用这个 css3 功能时我们应该关心的另一件事是字体文件的 Mime 类型。只需确保您使用的服务器（例如 IIS）为字体文件添加了正确的 Mime 类型。否则浏览器无法识别资源的类型。或者有时会抛出 404 错误，尽管资源确实存在。谢谢。

于 2013-07-04T02:51:52.423 回答