[瀏覽器] CSS 助你向難看的 Opera 字型說掰掰

曾幾何時 Opera 的中文字型顯示嚇壞不少欲使用它的使用者，但是那已經是很多年前的事了。依稀記得當我在九五年時開始嘗試使用 Opera 時，中文字型已經不會出現那種非常怪異的情況了。但是流言的影響力是無窮的，正所謂「破壞形象容易，建立形象難」，只要有人向你說 Opera 的中文字型難看，想必對未曾使用它的人來說，心裡早已留下了負面的印象了。情況有多糟？事到如今你依然可以在某些網站的留言上看到鄉民們對 Opera 的中文字型的批評，看來人們並沒有真的認識它。

警告：
使用 CSS 強制轉換網頁字型為某個單一字型會導致某些使用外連圖示字型的網站失效，同時也會造成使用等寬字型的編輯器出現游標錯位問題。較完美的解決方式為採取 font-face 來自訂字型，你可以在［這裡］取得 UserStyle（僅測試並支援 Firefox，很抱歉，我已經不使用 Opera 瀏覽器了）

@2013/09/01

注意：

---

如果你的作業系統是 XP，請務必要啟用「Cleartype」效果。
請依序：在桌面點右鍵→內容→外觀→效果→使用以下方式使字型邊緣平滑→Cleartype

誤會源起
早期的Opera主要不是針對東方使用者所設計，所以在字型顯示上顯得不是那麼親和。雖然隨著時間推進而有所改善，但有一段時間 Opera（進入中國市場時）對中文介面的預設非常糟糕，因為它把中文字型預設成大陸常見的字型而非細明體。直到前陣子在 Jedi 大（Opera 三太子－－台灣社區版發起與維護者）的努力在，Opera 終於區隔兩岸使用的預設設定，亦即在正體作業系統下會預設使用細明體。

CSS就是你的救星
為此，在這裡我也想提供一個簡便的方法來自訂 Opera 顯示的字型，以便破除誤解人士的持續誤解。這個方法其實很簡，就是借助 CSS 來自訂 Opera 的顯示字型。雖然預設上 Opera 已經把中文字型設定為細明體了，但是細明體並不是一種非常好閱讀的字型（基本上細明體屬於襯腺體，還是一種適合閱讀的字型），所以這邊使用微軟正黑體和新細明體來做一個比較的實際操作。從下圖中，可以看到是剛安裝完 Opera 後開啟網頁的情況。新細明體其實看起來並不是那麼美觀，邊緣的那種鋸齒狀看起來真的不好看。


開始行動
首先我們需要把撰寫一段CSS程式碼，當然不是要讀者自己去撰寫，我已經為讀者準備好了。這段程式就是告訴Opera，讓他知道該用哪種字型來顯示文字。如果讀者的電腦中沒有微軟正黑體，可以考慮用其他字型取代或到網路上搜尋一下，應該不難找到。（註明：以下 CSS 程式碼取自中國 Opera 論壇，並稍作修改）

↑font-weight: bold !important請多加一個分號

CSS程式碼：

---

@charset "UTF-8";
/*
Name: 微軟正黑體
*/

*{
font-family: "微軟正黑體" !important;
font-weight: bold !important;
}

存放CSS檔
如果上述的動作都沒有問題，那接下來就把剛剛存檔好的 CSS 檔案複製到使用者的 CSS 資料夾中。你可以在網址列中輸入〔opera:about〕前往程式資訊頁面，複製〔User CSS 目錄〕的路徑，並把 CSS 檔放在那個資料夾中。


啟用〔樣式〕
以上都結束後，開啟 Opera 瀏覽器，點選左上角的 [選單] → [頁面] → [樣式]，點一下 [微軟正黑體]，讓它呈現勾選的狀態。這樣就算大功告成了，介面也會馬上反應過來，並以微軟正黑體來顯示。當然前提是你的系統必須要先安裝微軟正黑體，網路上有提供官方下載。


結語
試著與第一張使用細明體的情況進行比對，會發現基本上用黑體來顯示會更加清楚、更加好看。這樣的做法，不需要在設定中逐個去改變字型選項。而且如果哪天覺得要把設定改回來，只要把 CSS 選項取消勾選，就可以回到預設的設定。至於如何更進階美化Opera的字型顯示，就參考這篇〔Opera 地表最靚瀏覽器 絕美字型無可挑剔〕或不透過套件的方式渲染文字〔擺脫套件 用 CSS 也能在 Opera 渲染出漂亮的字型〕。