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

网站设计的空间问题

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22

今天新加一节,本来计划好的,昨天写的时候又忘了。这里的空间指的是 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、9个响应式网站设计测试工具推荐
2、深圳高端网站设计具体怎么做
3、关键词排名优化,深度了解锚文本优化方法
4、新手怎样去写有价值的原创文章
5、新网站上线之前应该做的八项工作
6、擅于做互联网推广的企业常有什么优点
7、网站优化从哪些方面提升网站的权重
8、企业如何突破传统意义上的网站制作
9、深圳网站维护公司应该怎么保障网站的安全性
10、欧美网站设计的注意事项有哪些
11、企业网站建设的时候一般都需要注意哪些细节
12、网站页面设计
13、WordPress入门外贸建站教程
14、竞价推广优化关键词排名技巧
15、推广优化诊断记事之实例分析企业网站
16、张家口网站建设对企业有什么好处和作用
17、企业网站通过搜索引擎优化技巧
18、百度权重和关键词算法浅析
19、普通企业搭建邮件服务器的目的
20、百度新算法外链与内容哪个重要
21、分享站内站外优化推广优化技巧
22、新站怎么提高权重
23、做网络推广前必须要知道的几个事
24、谈一下企业网站做优化有哪些注意事项
25、选择空间的详细步骤
26、网站建设如何做到风格一致
27、网站推广方法有哪些
28、地方婚纱摄影行业网站该如何做优化
29、网站选择模板建站有哪些弊端
30、公司做专业网站建设有哪些好处
31、网站建造完成后不定期维护会有什么后果
32、主机添加域名建立多站教程_深圳网站制作公司
33、网站建设的门户型网站有哪些功能模板
34、符合搜索引擎算法的推广不可忽视的几点要素
35、2017年程序员需要面对的7个改变
36、企业的新网站如何去做搜索引擎SEO优化
37、深入分析新老访客数据为站点创造更多价值
38、互联网网站的特征和优势
39、企业建网站交互操作的设计
40、如何优化蜘蛛体验、轻松收录
41、网站初期运营之羊群策略
42、网站建设告诉你建设手机网站的好处
43、深圳做网站:如何打造一个企业品牌网站呢
44、中小型企业网站建设方案应该包含哪些内容
45、优化与竞价之间的不同
46、提高网站收录量的实战技巧
47、网页制作用什么软件会比较好
48、DDoS攻击网站危害大—服务器应该如何去做防护
49、这些酷站带给你更多的设计灵感
50、企业网站建设具有其他平台不可替代的优势
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号