深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

网站设计的空间问题

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2025/4/5

今天新加一节,本来计划好的,昨天写的时候又忘了。这里的空间指的是 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 修改),就犯了这个毛病。

相关行业资讯

1、选择优秀的友情链接,无后顾之忧
2、深圳企业网站建设|中小企业网站建设有哪些注意事项?
3、海口网站建设过程中的几大误区
4、浅谈网站页面的转化率
5、设计类网站的分类和制作要点
6、原创内容的网站为什么也被k
7、移动网站建设要注意哪些细节
8、网站改版时SEO优化有哪些注意事项
9、浅谈什么时候网站须重新设计-深圳网站制作
10、深圳网站建设方案哪些方面出发?
11、企业网站设计图像尺寸
12、谈谈网站关键词分配的黄金比例
13、做网站背景图片要为凸显风格服务
14、如今seo搜索引擎的算法越来越科学
15、建站之前你必须要了解的信息
16、如何运用网站制作手段让你的网站拥有天生的营销能力
17、公司网站制作须要考量哪些问题
18、网站快速被蜘蛛抓取方法
19、网站制作网页配色的几种标准方案
20、博物馆网站建设过程中都有哪些注意事项
21、做好网站架构才能有利于关键词排名
22、浅谈暂时没被收录的外链的作用
23、推广优化博客出路何在回归学习型营销是正道
24、网站开发受哪些因素的影响
25、如何选择正规有诚信的网站建设公司
26、网站文章收录很慢是什么原因
27、网站制作与网站制作的思维
28、微信公众号运营技巧
29、站点流量暴增的原因有哪些
30、愿电力维修早日实现"互联网+"-深圳网站建设公司
31、选择关键词之我所见—长尾词的选择
32、网站建设六大因素对优化的影响
33、网站转化率提高的方法
34、1G空间做网站够用吗
35、怎么做才能让网站优化推广效果稳定
36、网站建设中这四大设计因素很重要
37、这几个网站推广的途径和要点,你真的懂吗
38、低成本的网站建设有什么危害
39、怎么制作网页更好,有哪些制作技巧
40、浅谈SEO优化之404页面
41、创建有效用户流程的3个方法
42、如何从网站目录和页面优化入手做好网站运营
43、如何做好网站优化,怎样才能提高优化效果
44、如何做好移动端网络推广
45、怎么写好站内远程文章
46、企业建网站交互设计的优化
47、企业应该怎样建官网才能有利于发展
48、网站头部Meta标签优化方法
49、我是新手我能学好SEO吗
50、seo优化中对于H标签的正确运用
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号