2016-12-01 98 views
0

在我的網站中,字體在包括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'; }

我不知道我做錯了取悅任何人能幫助我嗎?

+0

嘗試'-webkit-font-smoothing:antialiased;' – claudios

+0

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

+0

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

回答

0

要在不同的瀏覽器中工作,只需添加供應商前綴。

解決您的問題,您可以使用:

-webkit-font-smoothing: antialiased; 

有關更多信息,你可以前往Can I Use

相關問題