• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： Web與排版學上的字體問題	共有1365人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈鮮花：182

發(fā)表時間：2019/7/19 15:40:00 樓　主 Web與排版學上的字體問題 　　關(guān)于字體的討論，其實無論是國外還是國內(nèi)，都已經(jīng)有不少，可是我發(fā)現(xiàn)絕大部分的內(nèi)容或者有失偏頗，或者不夠全面，下面我試圖將自己一段時間內(nèi)的觀點總結(jié)一下，以求提出一個比較容易接受的CSS字體選擇的建議。 　　事關(guān)大小 　　字體的大小總是一個困擾人的問題，用絕對單位還是用相對單位？或者具體來說，用什么單位？ex?em?pt?px?百分比?讓我們看看CSS 　　2.1Spec中的說明: 　　相對大小包括：em,ex,px 　　絕對大小包括：in,cm,mm,pt,pc 　　em就是相對font-size制定的大小而言的，例如margin: 　　1.2em就是指設(shè)置 　　1.2個字符寬度的margin，當em本身用于font-size時，指的是它所繼承元素的相對大小。 　　百分比也是相對font-size而言的。 　　因此我認為，em和百分比都不適合設(shè)置字體的大小，因為相互變動的因素太多了，修改一個地方就有可能影響很多其他的地方。ex是根據(jù)拉丁字母的x的高度而言的，這不適合漢字的大小，所以也否決了。px是根據(jù)當前顯示設(shè)備的解析度而言的，同一個px對應(yīng)不同的設(shè)備——比如屏幕或紙張——實際的大小會有一定差異。 　　所以我認為，如果網(wǎng)頁中應(yīng)該存在作為絕對參照系的長度，那么pt和px應(yīng)該是首選，其他的長度根據(jù)這個絕對參照系，按照百分比或者em來變動。 　　下面談?wù)劸W(wǎng)頁和印刷中大小造成的差異。99%的網(wǎng)頁是用來在屏幕上閱讀的，而問題在于，屏幕的解析度要比紙張低得多，所以如果直接把字體按照紙張上印刷的那個大小顯示，肯定是看不清的，僅就英文字體而言，許多細微的點劃、襯線都沒法在那么低的解析度下表現(xiàn)出來，所以我們只能用專門設(shè)計給屏幕顯示的字體。 　　這些字體的優(yōu)劣是很難評述的，有一種看法認為，盡管紙張印刷中都傾向于有襯線(serif)的字體比無襯線(sans-serif)的要易讀，但屏幕上無襯線的字體反而要好一些。所以微軟把Verdana吹捧為了最適合網(wǎng)頁使用的字體。我通常也偏向于使用Verdana、Arial多于Times、Georgia。 　　對于中文字體的情況有所不同，中文字體在屏幕上的清晰顯示依賴的是點陣字體，或者簡單的說，就是微軟隨Windows提供的宋體和新宋體(simsun&nsimsun)，這套字體是華康公司(Dynalab)設(shè)計的，對9pt到12pt左右的字體都設(shè)計了對應(yīng)的點陣字體。其中使用得最廣泛的是9pt, 　　10.5pt和12pt的字體： 　　那么比這個大小要大的漢字呢？就要依賴操作系統(tǒng)的字體圓整(anti-alias，以下簡稱aa)技術(shù)了，一般大家認為，MacOSX和Linux下的AA要比Windows的ClearType好很多。然而不管怎么說，用太大的漢字是比較危險的。 　　事關(guān)空間 　　今天新加一節(jié)，本來計劃好的，昨天寫的時候又忘了。 　　這里的空間指的是letter-spacing和line-height，也就是字間距和行間距。首先，良好的行間距是排版最重要的地方，你可能不能自由選擇字體，字號的選擇也受諸多限制，但至少行間距的選擇是可以完全由自己控制的。 　　所謂的line-height，指的是兩行字基線(base-line)之間的距離，什么是基線？下面圖中的紅線便是，對于漢字，則應(yīng)該就是底部的水平線。 　　在印刷排版中，習慣用pt來指定行高，比如所謂采用12/14pt排版，就是字號12pt，行高14pt；而Web中似乎習慣用百分比來設(shè)置，這個見仁見智，只要自己看得順眼就行。但必須注意的是，瀏覽器默認的行高一定是不夠的，尤其對于希望瀏覽者長時間閱讀的內(nèi)容，行高-字號至少要有2pt以上。更苛刻的排版學家通常推薦3pt以上，但畢竟Web上可以隨意一點。 　　但letter-spacing又是另一回事，我沒學過書法，漢字的間距不好多說，但英文字母的間距卻不應(yīng)該隨便調(diào)整，尤其不宜統(tǒng)一調(diào)整。因為實際上，Type1、TrueType、OpenType這些字體格式中都包含了一個叫做kerningtable的東西，也就是字母間距的微調(diào)。為什么要做這種微調(diào)？兩個簡單的例子是AV和We，如果不做微調(diào)，“A”和“V”之間的距離就會過寬，“e”也不會像我們平常書寫的那樣和“W”契合得那么自然，下圖顯示了AdobeReader中，使用SabonNext字體時的kerning效果： 　　大部分的UserAgent，當然也包括你的瀏覽器，都會根據(jù)字體的kerningtable自動做這個微調(diào)工作，但倘若你使用CSS來修改letter-spacing，這個工作就白費工夫了。所以我才建議不要隨便調(diào)整letter-spacing。比如WordPress原來的ClassicTheme(DaveShea設(shè)計，Matt修改)，就犯了這個毛病。 　　事關(guān)風格 　　談到英文字體，可以扯出許多掌故，不過這里且說說Web開發(fā)有關(guān)的。 　　關(guān)于TimesNewRoman，首先，與大家一般保留的印象不同，Times不應(yīng)該是一個適合長時間閱讀的字體，尤其不適合書籍的閱讀，因為眾所周知的，Times一開始是給報紙設(shè)計的一種字體，而為了適應(yīng)報紙這種在劣質(zhì)紙張的快速印刷的環(huán)境，字體的襯線不得不夸張一些，否則細節(jié)很容易被油墨破壞，所以把Times用在書籍上其實是一種很不負責任的方式。 　　比這個更不負責任的是用TimesNewRoman，TimesNewRoman其實是一種壓縮(Condensed)了的Times，比原來的Times更細長，更不易讀了。下面的一個比較應(yīng)該比較容易分辨出優(yōu)劣來： 　　Times與TimesNewRoman的比較 奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個回貼   分0頁

上一頁 / 下一頁   當前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶