深度讨论CSS中的字体元素

字体处理在网页设计中怎么强调都不为过。毕竟网页是用来传递信息的，最经典最直接的信息传递方式就是文字。因此，对设计来说，了解一点字体的基础知识是非常重要的。中英文最大的区别是中文是方块字，英文是拼音字，对字体处理影响很大。看下图，你会发现英文字体的变化在中文字体中被弱化了。

作为一名中国读者，习惯上接受正方形作为阅读单位。事实上，这是眼睛容易疲劳的一种方式。阅读时，你的眼睛实际上遵循整行文字的形状。看看这个例子。现在我试着和你说话，让你明白现在我试着和你说话，让你明白哪一行更容易读懂？第一行有点像中文。不同的是，每个中文单词就像一张图片，它的变化比26个英文字母丰富得多。对于我们来说，我们接受这个特性，但是在设计中还有一些问题需要考虑。我不是设计师。如果我说的不对，请在下面留言讨论。这些内容是我在教授印刷术时作为一般原则提出的。我还告诉学生一句话：“规则的目的就是打破规则。”设计原则本身就是打破原则，这也是所谓创意的表达。问题是你需要先知道原则，然后按照原则去实践。只有在你熟悉它们之后，才有可能打破原则，展示你的创造力。打破原则并不意味着原则的缺陷和错误。只是你对这些原则的巧妙运用打破了其中的一些原则。同时，你也对你损坏的零件进行一些补偿，这似乎有点哲学。个人认为更重要的原则是(适用于英语)应该考虑使用：字体，是作为标题还是段落使用。一般来说，san serif字体适合用作标题，如Arial；衬线字体适用于段落文本，如时间新罗马。对于网页设计，我强烈推荐几种字体：verdana，tahoma，georgia。事实上，像Verdana这样的字体是由世界顶级字体设计师设计了将近两年的，微软为此付费并免费提供给用户。这种字体是IE安装的一部分。如果你安装IE 4或更高版本，你的电脑中必须有这种字体，所以你不用担心用户是否有这种字体。它的设计考虑了字体在屏幕上显示时可能面临的问题，并提供了近乎完美的答案。唯一的麻烦是它几乎是完美的，这让我们在使用它的时候失去了个性，因为每个人都在使用它。字号的大小？论坛上有很多讨论。pixle好还是点好？我就不重复了。这里我想指出的是，css中字号的大小有很多不同的单位，大致可以分为三类：绝对大小：mm、cm、in、pt、pc相对大小：em、ex相对于设备：px可能需要多说几句em和ex，而em代表CSS中字号的大小。例如，对于12磅字体，1 em等于12磅。Text-indent: 1em}也许你会说我可以用text-indent: 10pt来达到同样的效果，但那只是在一个比较理想的情况下，如果用户认为自己浏览器设置的字体大小是14pt比较好，那么你设计的比例就会丢失，所以相对大小对网页的可扩展性设计是非常有利的。Ex与em相似，但不相同。回到上图，每个字体的x高度是不同的，e x根据字体的x高度定义字体大小。对齐？最好使用左对齐，尤其是避免使用左右对齐，除非您有特殊的设计目的。左对齐时右侧错位只是为了方便阅读，右侧变化对视力有帮助。它告诉你的眼睛，你可以在变化的帮助下包装一条新的线。行距？行距取决于字体的大小。一般来说，小字体需要较大的行距，以方便阅读。如果网页上没有中文字体的行距设置，对于阅读大段落文字的读者来说将是一场灾难，所以适当设置行高是非常必要的。一般网页设计中，行高应该是字体大小的1.5倍到2倍。在Word等文本编辑软件中，一般将字体的120%设置为默认行距。

css中的行高设置被平均划分并添加到每一行的顶部和底部。也就是说，如果行高设置为20px，则每行文本的顶部和底部之间有10px的空间。字间距和字符间距？这是一个特殊的目的。对于中国人来说，两者应该是一样的。这个设置本身就是为了解决字体设计中的一些缺陷，增加文字的可读性。每次写专栏，都有这种感觉。越写越不知道怎么结尾。这可能是文章风格的缺点。请留言讨论。我在扔砖头。