欢迎来到易分网!
loading
免费发布信息
·济南 [切换]
    • 区域:槐荫 道德街
    • 信息详情
    事关网站建设的空间问题

    这里的空间指的是 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 修改),就犯了这个毛病。

    齐力干将是一家13年资深软件开发制作公司,丰富的开发制作经验,为全国企业提供北京网站建设、北京APP开发、北京APP定制开发、北京APP开发外包、北京微信开发、北京小程序开发、北京微信公众号开发、北京系统开发等网络服务,行业案例近千家,是北京专业高端网络设计公司。公司免费联系电话:400-1123977。 联系我时,请说是在易分网看到的,谢谢!

    首发网址:https://www.fenl161.com/jn/appkaifa/173422.html
    查看全部济南app开发信息
    发布一条济南app开发信息
    • 您可能感兴趣
    • 济南新发布