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

网站设计的空间问题

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

今天新加一节,本来计划好的,昨天写的时候又忘了。这里的空间指的是 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、seo优化中需要考虑哪些问题呢
4、一个成功网站需要具备的五大基本原则
5、网站建设教你建设出一个成功的网站
6、如何评定网站建设的质量
7、企业网站建设之底部设计要注意哪些细节
8、深圳网站设计网站的目录结构怎么确定
9、小说类网站的用户习惯
10、网站的规划优化:SEO优化不得不看的要点
11、如何把个人独立博客推广出去
12、网站设计分为几个部分
13、政府网站建设:网站的安全性很重要
14、商务型的网站的文件管理维护要注意什么
15、网站首页在网站制作中的重要性
16、抄其精华舍其糟粕:你的网站也是抄来的吗
17、深圳网站制作公司中个人网站SEO入门教程前期运营
18、深圳网站制作公司浅谈一个新站从“收录、排名、流量”的操作
19、怎么建一个网站才好这些步骤和事项要知晓
20、未来网络公司的业务模式
21、网站建设不可不知的五大原则
22、seo人员必备浏览器插件SEO工具
23、如何编辑文章才让百度喜欢
24、搜索引擎原理应用:seo优化快速排名技术
25、春节网站优化安排
26、SEO优化中的几个重要标签是哪些
27、色彩怎么影响营销和品牌规划
28、定制网站建设的方法介绍给大家
29、几个技巧打造受欢迎的网站建设
30、大数据时代下,你搞清楚市场营销该怎么做了么
31、外贸网站制作一般需要多少钱
32、网站制作和网站运营有什么联系
33、影响网站SEO优化主要因素有哪些
34、“高端大气”的网站建设是什么样的
35、学习平面设计有前途吗
36、SEOER接单必须注意的事项
37、你该怎么办之如何应对百度竞价恶意点击
38、企业网页设计有哪些重要的要点
39、公司网站制作国外旅游网页设计中的现状
40、企业网站设计文字为主图片为辅
41、新网站要不断发展只有各个方面综合进行
42、网站建设原则有哪些
43、网站seo如何优化
44、定制做网站有哪些好处
45、企业网站制作应如何抓住消费者呢
46、一些传统企业为什么也都在做网络营销推广
47、迅速打造自己的品牌以及品牌网络推广方案
48、网站优化中怎么避免关键词的内部竞争
49、网站建设建站时间一般需要多久
50、网站设计不要忽视了网站内容
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号