字体的处理赏罚在网页计划中无论怎么夸大也不为过，事实网页行使来转达信息的，而最经典最直接的信息转达方法就是笔墨，以是，相识一点字体的根基常识对付计划来说还长短常重要的。
中文和英文的最大区别就是中文是方块字，英文是拼音笔墨，这对字体的处理赏罚的影响是庞大的。看看下面的图示就会发明，英笔墨体里的那些变革在中笔墨体里都弱化了。
作为中文的读者，风俗性的接管方块外形做为阅读的单位，着实对付眼睛来说，这是一种轻易疲惫的方法，阅读的时辰你的视线现实上是跟从整行笔墨的形状。看看这个例子。
NOW I'VE TRIED TO TALK TO YOU AND MAKE YOU UNDERSTAND
Now I've tried to talk to you and make you understand
哪一行更轻易读呢？
第一行和中文的气象有些相同，差异的是，每此中文单字就比如一幅画，其变革要比26个英笔墨母富厚的多，对付我们来说，我们接管了这个特点，可是计划时照旧有一些题目必要思量，我不是计划师，假如说的差池，请在下面留言接头。这些内容在我传授Typography的时辰是作为一样平常原则来提出的。我也汇报门生一句话：“The purpose of rule is to break the rule.” 计划原则自己就是为了冲破原则，这也是所谓的creativity的示意。题目是你必要先知道原则，而且驯服原则举办操练，只有在你认识原则之后才有也许冲破原则展现你的缔造性，冲破原则不料味着原则的缺陷和错误，只是你对这些原则的自出机杼的行使，你冲破了一些，同时也对你所粉碎的部门做必然的赔偿，好像很有点哲学的味道。
我小我私人觉得较量重要的几个原则是(合用于英文的气象):
字体的选用要思量该笔墨的用途，是做问题呢，照旧段落笔墨？
凡是来说 san serif 字体适相助为问题行使，譬喻 Arial；serif 字体适相助为段落笔墨行使，譬喻Time New Roman。对付网页计划来说，有几个字体是我凶猛保举的，verdana, tahoma, georgia。究竟上，像 Verdana 这个字体是由天下上顶级的字体计划师花了差不多两年时刻计划出来的，Microsoft认真买单， 然后免费提供应用户，这个字体是IE安装的一部门，假如你安装了IE 4以上的版本，你的电脑里就必然有这个字体，以是你不必担忧用户是否有这个字体。它的计划思量了字体在屏幕上表现的也许面临的题目，并且提供了近乎美满的谜底。独一的贫困是它的近乎美满造成了我们行使的时辰没有了本性，由于每小我私人都行使它。
字号的巨细？
论坛里许多接头，关于pixle 好照旧point好？ 我就不一再了，在这里我想提出的是字号的巨细在CSS里，有许多差异的单元，大抵上有三类，
绝对巨细：mm, cm, in, pt, pc
相对巨细：em, ex
相对付装备：px
也许要多说几句的是 em 和 ex，em 在 css 里代表就是字体字号的巨细，譬喻对付12 pt的字体来说, 1 em 就便是12 pt 典型：
p {
font-size: 10pt;
text-indent: 1em
}
大概你会说我可以用text-indent: 10pt来实现同样的结果啊，但那只是在抱负的气象下，假如用户认为他的赏识器配置字体巨细为14pt更好的时辰，你所计划的比例就失去了，以是相对尺寸对付网页的可伸缩性计划长短常有利的。
ex 和 em 相同，但不尽沟通， 回到上面的图示，x-height 对付每一种字体来说是差异的，ex 是按照字体的 x-height 来界说字体的巨细。
对齐方法？
最好行使左对齐，尤其要停止行使阁下对齐，除非你有一个非凡的计划目标，左对齐时右侧的差池齐正是为了阅读的利便，右侧的变革对你的视力是一个辅佐，它借助变革汇报你的眼睛可以换行了。
行间距？
行间距取决于字体的巨细，一样平常来说，小的字号必要大一点的行间距来便于阅读，中笔墨体在网页上假如没有行间距的设定，对付阅读大段笔墨来说是读者的劫难，以是恰当设定line-height长短常须要的。一样平常地， line-height 在网页计划中应该是字体巨细的1.5倍到2倍。Word 和其余的文本编辑软件里， 一样平常设定字体的120%作为缺省的行间距。css里的 line- height 设定，是均分后加在每一行的上下，也就是说，假如 line-height 设定为 20px 的话，那么每一行笔墨的上下各有10px的间距。
字间距和字符间距？
很非凡的用途，对中文来嗣魅这两者应该是沟通的。这个设定的自己就是为了办理某些字体计划上缺陷，来增进笔墨的可读性。
每次写专栏的文章都有这种感受，越写越不知道怎么末了，:) 这也许就是漫笔方法的弊病吧。请留言接头， 我这个就算是抛砖了。 （编辑：湖南网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
