Safari中的字体看起来很模糊

Question

在我的网站中，这些字体在localhost的所有主流浏览器中运行良好，包括safari，但是当我将其上传到服务器时，它在safari中的行为有所不同（模糊）。在css：

＆＃13;

＆＃13;

@font-face{
    font-family:'NotoSansMalayalam-Regular';
    src: url('font/NotoSansMalayalam-Regular.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}
.font{font-family:Arial, Helvetica, sans-serif;font-weight:normal}
.font-m{font-family:'NotoSansMalayalam-Regular'; }

＆＃13;

＆＃13;

＆＃13;

我不知道我做错了什么，任何人都可以帮助我？

Answer 1

要使其在不同的浏览器中运行，只需添加供应商前缀。

要解决您的问题，您可以使用：

-webkit-font-smoothing: antialiased;

如需了解更多信息，请访问Can I Use。