字体在Safari浏览器中模糊

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

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

我不知道我做错了取悦任何人能帮助我吗？

来源

2016-12-01 Lekshmi

尝试'-webkit-font-smoothing：antialiased;' – claudios

它的工作原理..谢谢@claudios – Lekshmi

在下面添加了一个答案:) – claudios

要在不同的浏览器中工作，只需添加供应商前缀。

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

-webkit-font-smoothing: antialiased;

有关更多信息，你可以前往Can I Use。

来源

2016-12-01 12:57:47 claudios

字体在Safari浏览器中模糊

回答

相关问题