中文網頁排版與字體選擇指南：香港企業網站點樣睇落專業啲
不少香港企業投放了可觀預算在網站設計上，成品卻總令人覺得「差一點」。追查下去，問題往往不在配色或版面結構，而在中文排版的細節：字體選得不合適、行距過窄、繁簡字形混雜、標點擠成一團。中文網頁排版的規則與英文有本質差異，本文整理香港企業網站最常見的排版問題與具體修正方法。
一、先理解中文字體的技術限制
英文字體檔案通常只有幾十 KB，中文字體則要涵蓋數千至數萬個字符，一套完整的繁體中文字體檔案動輒 5 MB 至 15 MB。直接以 webfont 方式載入完整中文字體，會嚴重拖慢首屏速度，這也是為何多數專業網站選擇使用系統字體堆疊（font stack），而非自訂中文 webfont。若品牌確實需要指定字體，應採用字體子集化（subsetting），只嵌入網站實際用到的字符，通常可將檔案壓縮至數百 KB。
二、香港網站建議的字體堆疊
一組適用於香港市場的 CSS font-family 建議寫法如下：先列出 -apple-system 與 BlinkMacSystemFont 照顧 Apple 裝置，接著 “PingFang HK”（蘋果的港版思源黑體，字形符合香港標準）、”Microsoft JhengHei”（Windows 繁體黑體）、”Noto Sans HK”，最後以 sans-serif 兜底。特別注意 PingFang HK 與 PingFang TC 的字形有差異，例如「骨」、「爲」、「衆」等字的寫法，香港網站應優先指定 HK 版本，以符合本地讀者的閱讀習慣。
三、行距與字距：中文需要更多呼吸空間
中文為方塊字，字符密度遠高於拉丁字母，若沿用英文網站常見的 1.4 倍行距，整段文字會顯得極為壓迫。內文建議使用 1.75 至 1.9 倍行距（line-height: 1.8 是安全值），標題則可收緊至 1.3 至 1.4。字距方面，中文內文一般不需額外 letter-spacing，但標題可加入 0.02em 至 0.05em 令視覺更舒展。另一個常被忽略的是段落間距，建議設定為行距的 1.2 至 1.5 倍，讓讀者的視線有明確的段落分界。
四、行寬控制：一行不要超過四十字
可讀性研究普遍認為中文內文每行以 25 至 40 字為佳。在 16px 字級下，這相當於約 640 至 800px 的內容區寬度。許多企業網站為了「善用空間」而讓文字橫跨整個 1440px 寬的螢幕，結果讀者每讀完一行都要長距離掃視回行首，閱讀疲勞大幅上升。正確做法是為文字容器設定 max-width，並置中排列，兩側留白反而提升專業感。
五、字級層級與最小可讀尺寸
中文字符筆劃密集，過小的字級會令筆劃糊在一起。桌面版內文建議不低於 16px，手機版不低於 15px；註解、版權聲明等次要文字亦不應低於 13px。標題層級建議採用明確的比例，例如 h1 為 32px、h2 為 24px、h3 為 19px、內文 16px，層級之間差距足夠大，讀者才能一眼掃描出文章結構。避免只靠加粗來區分標題與內文，這在中文中的辨識度遠不及英文。
六、中英數混排的處理
香港網站幾乎必然出現中英夾雜的內容。專業做法是在中文字符與半形英文、數字之間加入約 0.15em 的空隙，讓兩種文字系統不至於黏在一起。若不想在原始碼中手動插入空格（會影響文字複製與搜尋），可透過 CSS 的 text-spacing 屬性或前端腳本自動處理。另外，英文與數字應使用專門的西文字體（如 Inter、Helvetica Neue），而非讓中文字體代為渲染，後者的西文字形通常品質欠佳。
七、標點符號的常見錯誤
中文標點應使用全形（，。、；：「」），不應混用半形逗號句號。引號方面，香港與台灣慣用直角引號「」，內地慣用彎引號””，同一網站應統一風格。破折號應為兩個全形長度的——，省略號為……而非三個句點。這些細節單看微不足道，但整站不一致時，讀者會下意識感到內容不夠嚴謹。
八、實務檢查清單
網站上線前，建議逐項確認：內文行距是否達 1.75 以上、文字容器是否設有 max-width、手機版字級是否不小於 15px、是否指定 PingFang HK 而非 TC、中英之間是否有適當間距、全站標點是否統一為全形、深色底文字的對比度是否符合 WCAG AA（4.5:1）。這份清單走完一遍，通常足以令網站的專業觀感提升一個檔次，而所需的只是 CSS 調整，成本極低。
常見問題 FAQ
使用 Google Fonts 的思源黑體會不會拖慢網站？
會，而且影響顯著。完整的 Noto Sans HK 未經子集化時約有數 MB，在流動網絡下可能延遲首屏一至兩秒。建議優先使用系統字體堆疊；若品牌必須指定思源黑體，應自行託管並做字符子集化，同時設定 font-display: swap 避免文字長時間不顯示。
網站應該用黑體還是明體？
螢幕閱讀以黑體（sans-serif）為主流，筆劃粗細一致，在低解析度下辨識度較高。明體（serif）筆劃粗細對比大，小字級時容易糊化，較適合用於大字級的標題或需要傳統、典雅氣質的品牌，例如中醫、書院、文化機構。
繁體字形用台灣版還是香港版有何分別？
兩者在部分字的寫法上不同，例如「骨」字內部的方向、「衆」與「眾」的取字等。香港教育局的常用字字形表與台灣標準有差異，面向本地客戶的網站指定 PingFang HK 或 Noto Sans HK，可避免讀者覺得字形「怪怪的」。