Web安全字体

如何选择最适合您的网站的字体

看看任何网站,不管行业,公司规模或其他差异化因素如何,您肯定会看到他们共同的是文本内容。 文本显示的方式是印刷设计的做法,它是网站外观和感觉以及其成功的最重要方面之一。

多年来,如果网页设计师希望这些字体可靠地出现在他们正在创建的网站上,他们可以使用的字体数量受到限制。 在大多数计算机上找到的这些字体被称为“网络安全字体”。 您可能从网页设计师那里听说过这个词,因为他们试图向您解释为什么某些字体选择无法用于您网站的设计。

在过去的几年中, 网页排版已经走过了很长的路,网页设计师和开发人员不再仅限于使用这些少数网页安全字体。 Web字体的崛起以及直接链接到字体文件的能力为网站字体使用开辟了一个全新的可能性世界。 尽管现在可以访问如此多的新字体选项,但这些尝试过且真正的Web安全字体在现代网页设计中仍然占有重要地位。

链接到Web字体

在您的网站上使用的字体可能不在某人的电脑上,您需要链接到一个网络字体文件,并指示您的网站使用该字体文件,而不是在访问者的电脑上查看。 将这些外部字体链接到网站资产的其他部分,或者可以使用第三方字体服务链接到这些外部字体,可以为您提供几乎无限的字体选择,但是这样做的好处是有代价的。 外部字体需要加载到网站上,这会对网页的加载时间产生性能影响 。 这是Web安全字体仍然可以带来的好处! 由于这些字体文件是直接从访问者的计算机中加载的,因此在加载网站时性能不会受到影响。 这就是为什么许多网页设计师现在使用需要与可靠的网页安全字体一起下载的Web字体混合。 当您可以访问一些新的和奇特的字体,同时仍能够管理网站性能和总体下载影响时,这可以是两全其美的。

无衬线字体安全字体

这种字体系列是您网络安全字体的最佳选择之一。 如果您将这些包含在您的字体堆栈中 ,几乎所有人都会正确地看到该页面。 一些常见的无衬线网页安全字体是:

下面列出了一些其他的无衬线选择,它们可以为您提供良好的整体覆盖范围,但可能会因某些计算机丢失。 请记住,如果你使用这些,你还必须在你的字体堆栈中包含一个更常见的作为备份的列表。

Serif Web安全字体

除了无衬线字体之外,衬线字体系列还是网站的另一个流行选择。 如果您需要衬线字体,以下是您可以使用的一些最安全的赌注:

再一次,下面的列表是将在许多计算机上使用的字体,但是其总体覆盖率较低,如上面的列表。 您可以非常可靠地使用这些字体,但也应该在字体堆栈中包含更常见的serif字体(来自上面的列表)。

等宽字体

虽然没有像serif和sans-serif字体那样广泛使用,但等宽字体也是一种选择。 这些字体的特征是所有字母都是等距分开的。 他们没有像跨平台一样广泛接受,但如果你想使用等宽字体,这是你最好的选择:

这些字体也有一些覆盖。

草书和幻想字体

草书和幻想字体不是流行的衬线或无衬线字体,而这些字体的华丽特性使它们不适合用作正文拷贝。 这些字体更常用作标题和标题,它们以较大的字体大小设置,仅用于短文本的突发。 在风格上,这些字体可能看起来非常棒,但您需要权衡字体的外观与使用它们设置的任何文本的可读性。

Windows和Macintosh上只有一种草书字体,但在Linux上不能。 它是漫画Sans MS。 没有幻想字体在浏览器和操作系统上有很好的覆盖率。 这意味着如果您在网站上使用幻想字体的草书,您可能将它们用作网络字体并链接到相应的字体文件。

智能手机和移动设备

如果您正在为移动设备设计页面 ,则Web安全字体选择是可变的。 对于iPhone,iPod和iPad设备,通用字体包括:

在考虑多设备设计时,Web字体是一个很好的选择,因为能够加载外部字体能够为设备提供更一致的外观。 然后,您可以使用一两个网页安全选项来锻炼那些下载的字体,以获得网站成功所需的外观和性能。

Jennifer Krynin的原创文章。 由杰里米吉拉德在8/8/17编辑