可以在您的网站上使用的通用字体分类
在设计网站时，您将使用的网页的关键元素之一是文本内容。 因此，当您创建一个网页并使用CSS进行设计时，这一努力的很大一部分将围绕该网站的排版。
版式设计在网站设计中起着重要作用。 精心布局和合作的文本内容可以帮助网站更加成功，创造既愉快又易于使用的阅读体验。 你使用类型的一部分工作就是为你的设计选择正确的字体 ，然后使用CSS将这些字体和字体样式添加到页面的显示中。 这是通过使用所谓的“ 字体堆栈 ”
字体，堆栈
当您指定要在网页上使用的字体时 ，最好还包括后备选项，以防您的字体选择无法找到。 这些后备选项显示在“字体堆叠”中。 如果浏览器无法找到堆栈中列出的第一个字体，它将移动到下一个字体上。 它继续这个过程，直到它找到它可以使用的字体，或者它没有选择（在这种情况下，它只是选择它想要的任何系统字体）。 下面是一个在应用到“body”元素时字体堆栈如何在CSS中看起来的例子：
body {font-family：Georgia，“Times New Roman”，serif; }请注意，我们首先指定格鲁吉亚字体。 默认情况下，这是页面将使用的内容，但如果由于某种原因该字体不可用，页面将回退到Times New Roman。 我们将该字体名称用双引号括起来，因为它是一个多字的名称。 单字体字体名称（如Georgia或Arial）不需要引号，但多字体字体名称需要它们，以便浏览器知道所有这些字体构成字体名称。
如果你看看字体堆栈的结尾，你应该注意到，我们以“serif”这个词结束。 这是一个通用的字体系列名称。 如果一个人在他们的计算机上没有格鲁吉亚或Times New Roman，那么该网站将使用它可以找到的任何衬线字体。 这比允许网站回退到任何想要的字体更可取，因为您至少可以知道使用什么样的字体，以便网站设计的整体外观和色调尽可能保持完整。 是的，浏览器会为你选择一种字体，但至少你正在提供指导，以便知道什么样的字体在设计中最适合。
通用字体系列
CSS中可用的通用字体名称是：
- 草书
- 幻想
- 等宽
- 衬线
- 无衬线字体
虽然在网页设计和排版中还有很多其他的字体分类，包括平板衬线，黑体字，显示，垃圾等等，但上述5种通用字体名称是您在CSS中使用的字体堆栈中的字体名称。 这些字体分类有什么区别？ 让我们来看看！
草书字体通常使用薄而华丽的字体，以便复制花哨的手写文字。 这些字体，因为它们薄而华丽的字母，不适用于大部分内容，如正文拷贝。 粗体字体通常用于标题和较短的文本需求，可以以较大的字体大小显示。
幻想字体是有些疯狂的字体，并不属于任何其他类别。 复制已知徽标的字体，如来自“哈利波特”或“回到未来”电影的字体，将属于这一类。 再一次，这些字体不适用于正文内容，因为它们经常如此程式化，以至于阅读用这些字体书写的长文本段落是非常难以做到的。
等宽字体是所有字母大小相同并且间隔开的字体，就像您在旧打字机上发现的一样。 不同于其他字体根据字体的大小对字母宽度进行变化（例如，大写“W”比小写字母“i”占用更多空间），等宽字体对于所有字符都是固定宽度。 这些字体通常在代码显示在页面上时使用，因为它们看起来与该页面上的其他文本明显不同。
Serif字体是更受欢迎的分类之一。 这些字体在字形上有一些额外的连字。 那些额外的部分被称为“衬线”。 常见的衬线字体是格鲁吉亚和Times New Roman。 Serif字体可用于标题等大型文本以及文本和正文的长篇文章。
无衬线是我们将要看到的最终分类。 这些是没有上述连字的字体。 这个名字的意思是“没有衬线”。 此类别中的常用字体为Arial或Helvetica。 与衬线类似，无衬线字体也可以用于标题和正文内容。
Jennifer Krynin的原创文章。 由Jeremy Girard于10/16/17编辑