申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
18562723728
返回贴子列表
发表新贴
主题：
Web与排版学上的字体问题
共有
1266
人浏览过本贴
主贴管理
置 顶
加 精
结 贴
转 贴
昵称：奈薇建站网
论坛积分：108000
发贴等级：
21
发贴数：1156
回贴数：1282
被砸鸡蛋：
1
获赠鲜花：
182
发表时间：2019/7/19 15:40:00
楼 主
Web与排版学上的字体问题
关于字体的讨论，其实无论是国外还是国内，都已经有不少，可是我发现绝大部分的内容或者有失偏颇，或者不够全面，下面我试图将自己一段时间内的观点总结一下，以求提出一个比较容易接受的CSS字体选择的建议。
事关大小
字体的大小总是一个困扰人的问题，用绝对单位还是用相对单位？或者具体来说，用什么单位？ex?em?pt?px?百分比?让我们看看CSS
2.1Spec中的说明:
相对大小包括：em,ex,px
绝对大小包括：in,cm,mm,pt,pc
em就是相对font-size制定的大小而言的，例如margin:
1.2em就是指设置
1.2个字符宽度的margin，当em本身用于font-size时，指的是它所继承元素的相对大小。
百分比也是相对font-size而言的。
因此我认为，em和百分比都不适合设置字体的大小，因为相互变动的因素太多了，修改一个地方就有可能影响很多其他的地方。ex是根据拉丁字母的x的高度而言的，这不适合汉字的大小，所以也否决了。px是根据当前显示设备的解析度而言的，同一个px对应不同的设备——比如屏幕或纸张——实际的大小会有一定差异。
所以我认为，如果网页中应该存在作为绝对参照系的长度，那么pt和px应该是首选，其他的长度根据这个绝对参照系，按照百分比或者em来变动。
下面谈谈网页和印刷中大小造成的差异。99%的网页是用来在屏幕上阅读的，而问题在于，屏幕的解析度要比纸张低得多，所以如果直接把字体按照纸张上印刷的那个大小显示，肯定是看不清的，仅就英文字体而言，许多细微的点划、衬线都没法在那么低的解析度下表现出来，所以我们只能用专门设计给屏幕显示的字体。
这些字体的优劣是很难评述的，有一种看法认为，尽管纸张印刷中都倾向于有衬线(serif)的字体比无衬线(sans-serif)的要易读，但屏幕上无衬线的字体反而要好一些。所以微软把Verdana吹捧为了最适合网页使用的字体。我通常也偏向于使用Verdana、Arial多于Times、Georgia。
对于中文字体的情况有所不同，中文字体在屏幕上的清晰显示依赖的是点阵字体，或者简单的说，就是微软随Windows提供的宋体和新宋体(simsun&nsimsun)，这套字体是华康公司(Dynalab)设计的，对9pt到12pt左右的字体都设计了对应的点阵字体。其中使用得最广泛的是9pt,
10.5pt和12pt的字体：
那么比这个大小要大的汉字呢？就要依赖操作系统的字体圆整(anti-alias，以下简称aa)技术了，一般大家认为，MacOSX和Linux下的AA要比Windows的ClearType好很多。然而不管怎么说，用太大的汉字是比较危险的。
事关空间
今天新加一节，本来计划好的，昨天写的时候又忘了。
这里的空间指的是letter-spacing和line-height，也就是字间距和行间距。首先，良好的行间距是排版最重要的地方，你可能不能自由选择字体，字号的选择也受诸多限制，但至少行间距的选择是可以完全由自己控制的。
所谓的line-height，指的是两行字基线(base-line)之间的距离，什么是基线？下面图中的红线便是，对于汉字，则应该就是底部的水平线。
在印刷排版中，习惯用pt来指定行高，比如所谓采用12/14pt排版，就是字号12pt，行高14pt；而Web中似乎习惯用百分比来设置，这个见仁见智，只要自己看得顺眼就行。但必须注意的是，浏览器默认的行高一定是不够的，尤其对于希望浏览者长时间阅读的内容，行高-字号至少要有2pt以上。更苛刻的排版学家通常推荐3pt以上，但毕竟Web上可以随意一点。
但letter-spacing又是另一回事，我没学过书法，汉字的间距不好多说，但英文字母的间距却不应该随便调整，尤其不宜统一调整。因为实际上，Type1、TrueType、OpenType这些字体格式中都包含了一个叫做kerningtable的东西，也就是字母间距的微调。为什么要做这种微调？两个简单的例子是AV和We，如果不做微调，“A”和“V”之间的距离就会过宽，“e”也不会像我们平常书写的那样和“W”契合得那么自然，下图显示了AdobeReader中，使用SabonNext字体时的kerning效果：
大部分的UserAgent，当然也包括你的浏览器，都会根据字体的kerningtable自动做这个微调工作，但倘若你使用CSS来修改letter-spacing，这个工作就白费工夫了。所以我才建议不要随便调整letter-spacing。比如WordPress原来的ClassicTheme(DaveShea设计，Matt修改)，就犯了这个毛病。
事关风格
谈到英文字体，可以扯出许多掌故，不过这里且说说Web开发有关的。
关于TimesNewRoman，首先，与大家一般保留的印象不同，Times不应该是一个适合长时间阅读的字体，尤其不适合书籍的阅读，因为众所周知的，Times一开始是给报纸设计的一种字体，而为了适应报纸这种在劣质纸张的快速印刷的环境，字体的衬线不得不夸张一些，否则细节很容易被油墨破坏，所以把Times用在书籍上其实是一种很不负责任的方式。
比这个更不负责任的是用TimesNewRoman，TimesNewRoman其实是一种压缩(Condensed)了的Times，比原来的Times更细长，更不易读了。下面的一个比较应该比较容易分辨出优劣来：
Times与TimesNewRoman的比较
奈薇建站网致力于，让每个中国人、每个中国企业都拥有自己的“官方网站”！
回复此贴
单贴管理
修 改
删 除
清理签名
TOP
共
0
个回贴 分
0
页
上一页 / 下一页 当前第
页
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户
1
182
