解決Chrome及Edge瀏覽器字型跑掉的問題:停用某個特定字體

許多朋友應該知道我平時在「運動視界」網站有一個網球專欄,從去年底不知道什麼開始,整個網站的字型就亂掉了,特別是英文字型變成了一個非常奇怪的樣子,怎麼看就怎麼醜。詭異的是只有在Google Chrome瀏覽器上才會這個問題發生,使用Safari跟Firefox都顯示正常。後來裝了Microsoft Edge瀏覽器發現同樣問題也會出現,查了一下才知道Chrome跟Edge都是使用「Chromium」架構(完全不知道是什麼東西),所以Chrome會出現的問題在Edge也是照樣出現。看底下這張照片那個「Tennis」是不是覺得很阿雜?

更令人感到難過的還不只這個,如果看文章內容的話,只要寫到英文字或者阿拉伯數字,呈現出來的字體才真的是「嚇屬倫」了!

光是文章標題的「20200119」這幾個字就夠令人暈倒了:醜就算了,整體的空格還分配不均,後面的「Adelaide/Auckland」也是令人不敢恭維啊!再繼續看到文章內容,只要英文字母跟數字,通通都是無法忍受,完全跟中文字型不搭,不但粗細不同,顏色也淡了很多,對於文字有無從解釋起的強迫症的我來說,這是斷斷無法接受的事情,說什麼都要想辦法解決,老娘可是忍受了好幾個月了(無奈)!

最神奇的是,曾經請幾個朋友幫忙看一下我的網站在他們電腦上看起來是什麼樣子,通通都是正常的:不管是Windows或者Mac電腦,全世界只有我自己的這一台MacBook Pro在Chrome跟Edge瀏覽器上看起來是怪異的!顯然問題就是出在自己的這一台電腦上,不能怪別人。當然也試過很多方法:把Chrome砍掉重新安裝、去改Chrome的字型設定等,通通沒有用,也上網去Google了一下,完全無效。直到前天回到嘉義老家之後,想說再上網找一下好了;天公伯大概覺得我太可憐了,就讓我找到這篇文章:(原文網址在此)。

這位苦主比我還慘,所有中文幾乎都是「娃娃體」,令人哭笑不得;要是我自己的網站出現這種裝可愛的少女娃娃體,可能會去自殺吧(哈)!看了底下網友提出的解決方式,大概就知道怎麼解決了:就是把那個看不順眼的字型從自己電腦當中移除,就一切搞定了!

至於怎麼做,請參考下列步驟!
1. 先使用Google Chrome把該字型名稱找出來:在網頁上隨便用滑鼠選取某一段文字,然後按右鍵,再按下「檢查」。

2. 接著在右邊的左下角畫面中就會看到這個網站關於字型的設定:

罪魁禍首就是那個詭異的「Quicksand」,為什麼我會知道呢?因為事先開啟Word檔案,隨便打上一段英文字,再套用上面圖片當中「font-family」裡面的每一個字型,就知道人是「Quicksand」殺的!

2. 知道殺人嫌疑犯之後就簡單了:在「Finder」欄裡面輸入「字體簿」,就可以把「字體簿」找出來,或者自己在「啟動台」裡面找出來也是可以。

3. 進入到「字體簿」裡面找到「Quicksand」這個字體之後就可以開始殺豬肉了!

4. 在「Quicksand」上面按右鍵,然後不要客氣直接選擇「停用Quicksand系列」。接著就會出現下面的圖片,也是直接給它用力按下「停用」。

5, 最後確定這個該死的「Quicksand」字型真的壽終正寢了!嗯,真的關閉了,可以撒花放鞭炮了!

6. 完成之後再回到原先的網頁檢查一下:噔噔噔噔,看到那個「Tennis」沒有?善良與正直通通都回來了!

再看一下標題:

真的是感動到快哭出來了(是有這麼誇張就是了),久違不見的「正常字體」終於又重回到我電腦的懷抱了,我的MacBook Pro再也不孤單了!

內文裡面的英文跟阿拉伯數字也都跟中文字體搭配起來了,不再突兀啦!光是看下列這張圖直接比較起來就相當有感,原本的「Quicksand」字型到底是什麼鬼東西啊,怎麼會如此不搭呢?

忍受了幾個月的阿雜心情之後,總算是搞定了,給大家參考一下,基本上就是要把那個字型給移除掉。提醒各位讀者:本文章的過程都是使用MacBook Pro、Catalina 10.15.2的作業系統下的流程,如果你的電腦是其它款式的話,方法可能略有不同,不過只要把握「把那個顧人怨的字型移除掉」應該就萬事OK了!