2024年12月31日 星期二

某些 Chrome 網頁無法顯示英文字體的的解決方法

從某一天起,登入 kahoot! 很久都沒反應之後,有些網頁的英文字體就沒有顯示了。而且 Chrome 被加上阿拉伯語系的字體,刪掉之後仍不正常。網路找了很久沒有結果,像這個網站的樣子:


只有換 Firefox 可以正常瀏覽,連 Edge 都不行,停用任何外掛也不行。

後來靠 AI 分析找到可能的原因。

確實是字體的關係,該網頁的 font-family: 的字型都被加上刪除線

Montserrat, "Noto Sans Arabic", "Helvetica Neue", Helvetica, Arial, "Bai Jamjuree", sans-serif

在網頁加上這個就以了。

* {
    font-family: Arial, sans-serif !important;
}

英文字體出現了。

我用了這個 Stylus 外掛幫忙:

只要加上上面那行的樣子就好。


在 Kahoot! 也是一樣:





沒有留言:

張貼留言