中文網頁重設與排版：TYPO.CSS

一致化瀏覽器排版效果，構建最適合中文閱讀的網頁排版

?

關于 TYPO.CSS

排版實例

• 例1：論語學而篇第一
• 例2：英文排版

附錄

TYPO.CSS 排版偏重點

開源許可

一、關于 TYPO.CSS

TYPO.CSS?的目的是，在一致化瀏覽器排版效果的同時，構建最適合中文閱讀的網頁排版。

現狀和如何去做：

排版是一個麻煩的問題，需要精心設計，而這個設計卻是常被視覺設計師所忽略的。前端工程師更常看到這樣的問題，但不便變更。因為在多個 OS 中的不同瀏覽器渲染不同，改動需要多的時間做回歸測試，所以改變變得更困難。而像我們一般使用的 Yahoo、Eric Meyer 和 Alice base.css 中采用的 Reset 都沒有很好地考慮中文排版。TYPO.CSS 要做的就是解決中文排版的問題。

TYPO.CSS 測試于如下平臺：

OS/瀏覽器FirefoxChromeSafariOperaIE9IE8IE7IE6

Mac OS X	√	√	√	√	-	-	-	-
Windows 7	√	√	√	√	√	√	√	-
Windows XP	√	√	√	√	-	√	√	√
Ubuntu Linux	√	√	-	√	-	-	-	-

中文排版的重點和難點

在中文排版中，HTML4 的很多標準在語義在都有照顧到。但從視覺效果上，卻很難利用單獨的 CSS 來實現，像著重號。在 HTML4 中，著重號標簽（<u>）已經被放棄，而 HTML5 被重新提起。TYPO.CSS 也根據實際情況提供相應的方案。我們重要要注意的兩點是：

語義：語義對應的用法和樣式是否與中文排版一致

表現：在各瀏覽器中的字體、大小和縮放是否如排版預期

對于這些，TYPO.CSS 排版項目的中文偏重注意點，都添加在附錄中，詳見：

總結

以上是生活随笔為你收集整理的中文网页重设与排版：TYPO.CSS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。