网站建设/网页设计的空间问题

网站建设/网页设计的空间问题
这里的空间指的是 letter-spacing 和 line-height，也就是字间距和行间距。首先，良好的行间距是排版最重要的地方，你可能不能自由选择字体，字号的选择也受诸多限制，但至少行间距的选择是可以完全由自己控制的。
所谓的 line-height，指的是两行字基线 (base-line) 之间的距离，什么是基线？下面图中的红线便是，对于汉字，则应该就是底部的水平线。
在印刷排版中，习惯用 pt 来指定行高，比如所谓采用 12/14pt 排版，就是字号 12pt，行高 14pt；而 Web  中似乎习惯用百分比来设置，这个见仁见智，只要自己看得顺眼就行。但必须注意的是，浏览器默认的行高一定是不够的，尤其对于希望浏览者长时间阅读的内容，行高 - 字号至少要有 2pt 以上。更苛刻的排版学家通常推荐 3pt 以上，但毕竟 Web  上可以随意一点。
但 letter-spacing 又是另一回事，我没学过书法，汉字的间距不好多说，但英文字母的间距却不应该随便调整，尤其不宜统一调整。因为实际上，Type1、TrueType、OpenType 这些字体格式中都包含了一个叫做 kerning table 的东西，也就是字母间距的微调。为什么要做这种微调？两个简单的例子是 AV 和 We，如果不做微调，“A”和“V”之间的距离就会过宽，“e”也不会像我们平常书写的那样和“W”契合得那么自然，下图显示了 Adobe Reader 中，使用 Sabon Next 字体时的 kerning 效果：
      大部分的 User Agent，当然也包括你的浏览器，都会根据字体的 kerning table 自动做这个微调工作，但倘若你使用 CSS 来修改 letter-spacing，这个工作就白费工夫了。所以我才建议不要随便调整 letter-spacing。比如 WordPress 原来的 Classi c Theme (Dave Shea 设计，Matt 修改)，就犯了这个毛病。

当前文章：网站建设/网页设计的空间问题
文章位置：https://www.cdcxhl.com/news3/159753.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联