2022-05-27 分類: 網(wǎng)站建設(shè)
網(wǎng)站建設(shè)/網(wǎng)頁設(shè)計的空間問題
這里的空間指的是 letter-spacing 和 line-height,也就是字間距和行間距。首先,良好的行間距是排版最重要的地方,你可能不能自由選擇字體,字號的選擇也受諸多限制,但至少行間距的選擇是可以完全由自己控制的。
所謂的 line-height,指的是兩行字基線 (base-line) 之間的距離,什么是基線?下面圖中的紅線便是,對于漢字,則應(yīng)該就是底部的水平線。
在印刷排版中,習(xí)慣用 pt 來指定行高,比如所謂采用 12/14pt 排版,就是字號 12pt,行高 14pt;而 Web 中似乎習(xí)慣用百分比來設(shè)置,這個見仁見智,只要自己看得順眼就行。但必須注意的是,瀏覽器默認(rèn)的行高一定是不夠的,尤其對于希望瀏覽者長時間閱讀的內(nèi)容,行高 - 字號至少要有 2pt 以上。更苛刻的排版學(xué)家通常推薦 3pt 以上,但畢竟 Web 上可以隨意一點。
但 letter-spacing 又是另一回事,我沒學(xué)過書法,漢字的間距不好多說,但英文字母的間距卻不應(yīng)該隨便調(diào)整,尤其不宜統(tǒng)一調(diào)整。因為實際上,Type1、TrueType、OpenType 這些字體格式中都包含了一個叫做 kerning table 的東西,也就是字母間距的微調(diào)。為什么要做這種微調(diào)?兩個簡單的例子是 AV 和 We,如果不做微調(diào),“A”和“V”之間的距離就會過寬,“e”也不會像我們平常書寫的那樣和“W”契合得那么自然,下圖顯示了 Adobe Reader 中,使用 Sabon Next 字體時的 kerning 效果:
大部分的 User Agent,當(dāng)然也包括你的瀏覽器,都會根據(jù)字體的 kerning table 自動做這個微調(diào)工作,但倘若你使用 CSS 來修改 letter-spacing,這個工作就白費工夫了。所以我才建議不要隨便調(diào)整 letter-spacing。比如 WordPress 原來的 Classi c Theme (Dave Shea 設(shè)計,Matt 修改),就犯了這個毛病。
當(dāng)前文章:網(wǎng)站建設(shè)/網(wǎng)頁設(shè)計的空間問題
文章位置:http://m.rwnh.cn/news3/159753.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容