最近在做網站的時候,遇到了一個令人頭疼的問題,就是css自定義字體失效了。
@font-face { font-family: 'MyFont'; src: url('myfont.ttf'); font-weight: normal; font-style: normal; } p { font-family: 'MyFont'; }
按照上面的代碼,應該是可以正常使用自定義字體的,但是實際結果卻不是這樣的。經過一番調查,發現了可能出現問題的原因。
首先,url('myfont.ttf')
需要填寫正確的字體文件路徑,否則自然無法引用成功。
其次,可能是瀏覽器的緩存問題。在升級字體文件之后,瀏覽器之前訪問過的頁面可能依然沿用之前的字體文件。這時,清除瀏覽器緩存或者重新打開一個頁面就可以解決問題。
最后,有些字體文件可能存在版權問題,被瀏覽器禁止使用。如果遇到這種情況,可以更換其他字體文件或者制作符合版權規定的字體文件。
總之,當css自定義字體無法正常應用時,需要注意以上幾個可能出現問題的原因,找出問題所在并加以解決。
上一篇css自定義字體聲明
下一篇css自定義字體使用方法