排版设计在网站设计中起着重要的作用。布局和格式良好的文本内容有助于网站获得更大的成功，因为它创造了一种既愉快又易于消费的阅读体验。使用type的部分工作是为您的设计选择正确的字体，然后使用CSS将这些字体和字体样式添加到页面的显示中。这是通过使用所谓的字体堆栈来完成的。

字体堆栈

当您指定要在网页上使用的字体时，最好还包括备用选项，以防找不到您的字体选择。这些回退选项显示在字体堆栈中。如果浏览器找不到堆栈中列出的第一种字体，它将移动到下一种字体。它会继续这个过程，直到找到一种可以使用的字体，或者它没有选择（在这种情况下，它只选择它想要的任何系统字体）。下面是应用于“body”元素时字体堆栈在CSS中的外观示例：

乔治亚字体首先出现，因此默认情况下，这是页面将使用的字体，但如果由于某种原因该字体不可用，页面将返回到泰晤士报新罗马版。

用双引号将新罗马时代括起来，因为它是一个多字名称。单字字体名称（如格鲁吉亚或arial）不需要引号，但带有嵌入空格的多字字体名称需要引号，以便浏览器知道所有这些单词都包含字体名称。

字体堆栈以衬线字结尾。这是一个通用字体系列名称。如果一个人的电脑上没有佐治亚州或泰晤士报新罗马版，该网站将使用它能找到的任何衬线字体。浏览器会为你选择一种字体，但至少你会提供指导，让它知道哪种字体在设计中效果最好。

通用字体系列

CSS中可用的通用字体名称有：

• 草书的
• 幻想
• 单空间
• 衬线
• 无衬线

虽然在网页设计和排版中还有许多其他字体分类，包括slab serif、blackletter、display、grunge等，但这五种通用字体名称是CSS中字体堆栈中使用的名称。

• 草书字体——通常采用薄而华丽的字体，用于复制精美的手写文本。这些字体，因为它们的字母薄而华丽，不适合像正文这样的大块内容。草书字体通常用于标题和可以以较大字体显示的较短文本。
• 幻想字体-是有些疯狂的字体，不属于任何其他类别。复制著名标志的字体，如《哈利波特》或《回到未来的电影》中的字体，属于这一类。这些字体不适合正文内容，因为它们通常是如此的样式化，以至于很难阅读用这些字体书写的较长的文本段落。
• 单空间字体-具有与旧打字机相同大小和间距的字体。与其他字体不同，其他字体的字母宽度根据其大小而变化（例如，大写字母W比小写字母i占用更多空间），单空格字体对所有字符使用固定宽度。这些字体通常用于代码读取，因为它们看起来与该页面上的其他文本明显不同。
• 衬线字体-在字体上使用少量额外的连字。那些多余的部分称为衬线。常用的衬线字体是乔治亚和泰晤士报新罗马字体。衬线字体适用于大文本，如标题以及文本和正文的长段落。
• 无衬线字体-没有连字。这个名字的意思是没有衬线。这类常用字体包括Arial或Helvetica。与衬线字体类似，无衬线字体在标题和正文内容中表现同样出色，尽管一些专家更喜欢大块文本避免使用无衬线字体，因为它们在较小的点尺寸下更难阅读。