不同的浏览器以不同的方式呈现我的网站字体



我正在使用字体Avenir Black作为网页上的一个按钮。但Chrome和Microsoft Edge以不同的方式显示它。

即使我已经清除了两者的缓存并在两个浏览器中检查了网页,控制台中也没有错误,字体为Avenir Black。

有人知道原因吗?我已经将输出的快照与代码一起附加。

谢谢

这是因为您只对所需的字体使用一种格式(ttf(,并非所有Web浏览器都可以读取该格式。您可以阅读本文以获取更多信息。然后,您将弄清楚如何以非常简单的方式解决此问题!

但是,没有一种在所有浏览器和浏览器版本中都支持的字体格式。几乎所有最新的网络浏览器都支持 TTF 和 WOFF 文件格式(opera mini 除外(。作为开发人员,如果您使用 TTF 和 WOFF 网络格式,这将使您的生活更加轻松。但是,您仍然需要组合字体格式,以使所有浏览器都支持所有字体。

排版和跨浏览器兼容性

最新更新