Question

全部，我找到了一个元素的相同字体css，该字体在某些浏览器中显示为大写，而在其他浏览器中显示为小写。我检查了萤火虫中的元素。但是没有找到任何css属性来制作它。我不知道应该检查哪个css属性。它是否与浏览器设置有关？感谢。

修改我使用以下方式在页面中实现Web字体。请查看它。谢谢。

@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');
}

Answer 1

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

WebFont在不同的浏览器中显示大写或小写

1 个答案: