字体在不同浏览器中看起来不同

Question

这是浏览器当前呈现我的网站字体的方式：

我尝试了几个在网上找到的 css 参数，例如：

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

/* and others */

但没有任何效果。

你有什么想法吗？谢谢:)

Answer 1

不同的浏览器需要不同的字体文件进行渲染。 您可以将字体上传到this site 并选择您想要的字体类型（我建议 TTF、EOT、WOFF 和 WOFF2），它会压缩一个包含不同字体类型的文件供您在项目中使用。