網頁字體

（以下截圖全在我的蘋果筆電上操作。不同電腦的顯示結果可能有異。）

我的網誌有許多缺陷，其中之一就是中文字體。姑且讓我稱呼本網誌的圓潤字體為「Sans-serif」，而如細明體般邊角有突起的字體為「Serif」。

下面是我網誌在 Safari 上的截圖，Sans-serif 看起來正常順眼。其中文腳加有一串 Serif 的文字（「映林隙流光……」）。

(Safari)

同段文字在 FireFox 上看，卻變成下圖。Sans-serif 的「你」、「疤」、「辦」、「碰」、「摔」都變成了粗體；Serif 外型則如常。然而，所有字體都嚴重縮小，原五行字可縮擠成四行。

(FireFox)

Sans-serif 只有特定字會變成粗體。「映林隙流光……」那段並非幸運不含任何嫌疑字才能保持完好，因為它在 Google 上以 Sans-serif 呈現時，FireFox 將「黃」字變成了粗體。

(FireFox)

所以，目前看來只有 Serif 能兩面討好，整段文字無論在哪個瀏覽器都維持均勻粗細。然而不少網頁有變換字體的徵兆，如劉謙的網誌，在 Safari 上看是 Sans-serif：

(Safari)

在 FireFox 上看則變成 Serif（如下圖），成功維持整段文字同粗細。

(FireFox)

另外有一則美例是 zonble 的網誌，Safari 上是 Sans-serif：

(Safari)

FireFox 上仍維持 Sans-serif，卻全體變粗，沒有忽粗忽細的現象：

(FireFox)

zonble 的網誌是我見過最完好的網頁之一，無論在哪台電腦（再破舊陽春的電腦都行）、哪個作業系統、哪種瀏覽器，都沒有缺陷。至於本網誌，我想求好的地方除了字體，還有：更動發表日期的文章會消失於首頁底部標頁翻閱系統、「繼續閱讀」摘要系統無法避免全文載入、鼠標在瀏覽器左上角散步時偶爾在無連結處出現手型、側欄最新回應系統無法辨識回應裡的語法……。在此記下，將來若有能力或獲得指導，再來一一擊破。

--
＊7/3/08:
將 font-size 預設的 100% 改成 12pt，能固定不同瀏覽器上的字體大小（至少在我的筆電上）。但改成其他 pt 值仍會造成些微大小差異。

(Safari 11pt)

(FireFox 11pt)

另外發現，無論採用百分比或 pt 值，在 FireFox 上都偶有文字溢出邊框的 bug。

(FireFox 12pt)