在您的网页上使用这些可靠的HTML字体
找到一个很好的字体堆栈，可以传达您的网站风格，但在大多数网站中也可靠，可能会非常棘手。 如果您使用非网络安全字体，那么您的网站可能看起来不像您想要的那样，因为当浏览器替代您的花哨字体令人惊讶时。
这些字体堆栈由系列 （serif，monospace等）分隔。 当您使用不是网页安全字体的字体时，应先将它放在字体堆栈中，然后将其中一个堆叠添加到最后。
选择风格最接近的字体堆栈并查看您的首选字体。
Sans Serif Web安全字体堆栈
无衬线文字适合在网页上阅读，因为没有衬线可以在屏幕上模糊。
font-family：Arial，Helvetica，sans-serif;
font-family：'Arial Black'，Gadget，sans-serif;
font-family：Impact，Charcoal，sans-serif;
font-family：'MS Sans Serif'，Geneva，sans-serif;
字体家族：Tahoma，日内瓦，无衬线字体;
font-family：'Trebuchet MS'，Helvetica，sans-serif;
font-family：Verdana，Geneva，sans-serif;
Serif Web安全字体堆栈
Serif字体适用于头条新闻。 标题的类型越大意味着衬线不会在显示器上模糊。
font-family：'Book Antiqua'，'Palatino Linotype'，Palatino，serif;
font-family：Bookman，serif;
font-family：格鲁吉亚，serif;
font-family：'MS Serif'，'New York'，serif;
font-family：'Times New Roman'，Times，serif;
等宽字体堆栈
等宽字体通常用于呈现代码和其他类型，这些字体在所有字符都是相同宽度的字体（如打字机字体）中看起来效果最好。
font-family：Courier，等宽;
font-family：'Courier New'，Courier，等宽;
font-family：'Lucida Console'，摩纳哥，等宽;
查看等宽字体堆栈示例。
草书字体堆栈
草书字体可能难以阅读，而大多数系统（漫画Sans）上最常见的字体却很多人不喜欢它。
font-family：'Comic Sans MS'，草书;
幻想字体堆栈
像草书字体一样，幻想字体可能很难阅读，而且在大多数系统中它们更不常见。 实际上，您可能会注意到我使用的字体堆栈与上面在sans serif类中使用的字体堆栈相同，这是因为碰撞和木炭非常独特，以至于有些人认为它们是幻想字体。
font-family：影响力，木炭，幻想;
Dingbats，Wingdings或Symbol字体堆栈
装饰符号或翼形符号是显示小图标或图片而不是字母的符号字体。 这些没有通用的字体类型，因此某些计算机可能会显示与您预期的字体完全不同的字体。 另外，只有Internet Explorer才会显示符号。 Firefox和其他浏览器只是以浏览器的默认字体显示文本。
font-family：Symbol;
font-family：Webdings;
font-family：Wingdings，'Zapf标志';