在您的网页上使用这些可靠的HTML字体

找到一个好的字体堆栈，传达你的网站的风格，但在大多数网站上也是可靠的，这可能是棘手的。如果您使用非网络安全字体，那么当浏览器替换您的花哨字体令人惊讶的东西时，您的网站可能看起来不像您想要的那样。

这些字体堆栈由系列（serif，monospace等）分隔。当您使用非Web安全字体的字体时，应将其放在字体堆栈中，然后将其中一个堆栈添加到最后。选择最接近样式的字体堆栈并查看首选字体。

Sans Serif Web Safe字体堆栈

无衬线文本适合在网页上阅读，因为屏幕上没有衬线模糊。

font-family：Arial，Helvetica，sans-serif;font-family：'Arial Black'，Gadget，sans-serif;font-family：Impact，Charcoal，sans-serif;font-family：'MS Sans Serif'，日内瓦，sans-serif;font-family：Tahoma，Geneva，sans-serif;font-family：'Trebuchet MS'，Helvetica，sans-serif;font-family：Verdana，Geneva，sans-serif;

Serif Web Safe字体堆栈

Serif字体非常适合标题。较大类型的标题意味着衬线不会在显示器上变得模糊。

font-family：'Book Antiqua'，'Palatino Linotype'，Palatino，serif;font-family：Bookman，serif;font-family：Georgia，serif;font-family：'MS Serif'，'New York'，serif;font-family：'Times New Roman'，Times，serif;

Monospace字体堆栈

等宽字体通常用于呈现代码和其他类型样式，这些样式在所有字符宽度相同的字体中看起来最好 - 就像打字机字体一样。

font-family：Courier，monospace;font-family：'Courier New'，Courier，monospace;font-family：'Lucida Console'，摩纳哥，monospace;

查看等宽字体堆栈示例。

草书字体堆栈

草书字体可能难以阅读，大多数系统（Comic Sans）中最常见的字体很多人都不喜欢它。

font-family：'Comic Sans MS'，草书;

幻想字体堆栈

与草书字体一样，幻想字体可能难以阅读，并且在大多数系统中它们更不常见。事实上，您可能会注意到我使用的是与上面在sans serif类别中使用的相同的字体堆栈，这是因为影响和木炭是如此独特，以至于有些人认为它们是幻想字体。

font-family：Impact，Charcoal，fantasy;

标志，Wingdings或符号字体堆栈

标志或翼形是符号字体，显示小图标或图片而不是字母。这些没有通用的字体类型，因此某些计算机可能会显示与您预期的字体非常不同的字体。另外，只有Internet Explorer才会显示符号。 Firefox和其他浏览器只是以浏览器的默认字体显示文本。

font-family：符号;font-family：Webdings;font-family：Wingdings，'Zapf Dingbats';