Web安全字体库

填种金属字母
Busà摄影/ Getty Images

找到一个经过两种的良好字体堆栈您网站的风格但在大多数网站上也是可靠的,这可能有棘手。如果您使用非Web安全字体,那么您的网站可能不会看,当您打算浏览器替换为您的花哨字体令人惊讶的东西时,您的网站可能不会看。

这些字体堆栈由家庭(Serif,Monospace等)。当您使用不是Web安全字体的字体时,应首先在字体堆栈中放置,然后将其中一个堆栈添加到最后。选择最接近风格的字体堆栈,并查看您的首选字体。

无衬线网络安全字体堆栈

Sans Serif文本对于网页读取是好的,因为没有Seri​​fs可以在屏幕上获得模糊。

Font-Family:Arial,Helvetica,Sans-Serif;
字体家族:'Arial Black',小工具,Sans-Serif;
font-family:宋体,sans-serif;
Font-Family:'Sans Serif',日内瓦,Sans-Serif;
Font-Family:Tahoma,日内瓦,Sans-Serif;
Font-Family:'Trebuchet MS',Helvetica,Sans-Serif;
Font-Family:Verdana,日内瓦,Sans-Serif;

Serif Web安全字体堆栈

Serif字体适合头条新闻。较大类型的头条新闻意味着Serifs不会在监视器上产生模糊。

font-family: ' font-family: '宋体',' sans - serif ';
Font-Family:Bookman,Serif;
字体 - 家庭:格鲁吉亚,塞子;
Font-Family:'Serif'女士','纽约',Serif;
字体家族:'时代新罗马',时代,塞子;

单座字体堆栈

Monospace字体通常用于呈现代码和其他类型样式,这些样式在所有字符都是相同宽度的字体中看起来最好——比如打字机字体。

Font-Family:Courier,Monospace;
Font-Family:'Courier New',Courier,Monospace;
字体家庭:'Lucida Console',摩纳哥,单座;

草书字体栈

草书字体很难阅读,在大多数系统中最常见的字体(Comic Sans)是许多喜欢它的人所不喜欢的。

Font-Family:'Comic Sans Ms',Fursive;

幻想字体堆栈

像法式字体一样,幻想字体可能很难阅读,而且它们在大多数系统中都不那么常见。事实上,您可能会注意到,我使用与上面在SANS Serif类别中使用的相同的字体堆栈,这是因为影响和木炭是如此独特地认为有些人认为它们幻想字体。

字体家族:影响,木炭,幻想;

Dingbats, Wingdings,或符号字体堆栈

Dingbats或Wingdings是符号字体,显示小图标或图片而不是字母。这些没有通用字体类型,因此某些计算机可能会显示比您预期的非常不同的字体。另外,只有IE浏览器将显示符号。Firefox和其他浏览器只需在浏览器中显示默认字体中的文本。

字体家族:符号;
字体家庭:网页;
Font-Family:Wingdings,'Zapf Dingbats';
这个页面有用吗?