Post by account_disabled on Dec 14, 2023 5:49:27 GMT 1
您不需要数千种字体来创建令人印象深刻的网站。但您需要确保您使用的字体对于访问您网站的每个人来说都是可读的。这就是网络安全字体的用武之地。 如果您能找到 a) 100% 免费使用且 b) 不需要托管在其他任何地方供访问者查看的网络安全字体,那么您就中了大奖。 我们写这篇文章正是出于这个原因:我们将研究 31 种最漂亮的网络安全字体,并向您展示如何在您的 WordPress 网站中实现它们。 使用下面的链接导航到您最感兴趣的部分,或直接跳转到我们的网络安全字体列表: 哪些字体是网络安全的? 包括变体在内,在线提供了超过650,000 种不同的字体。大多数浏览器和操作系统支持的字体被认为是网络安全的。操作系统自动包含字体文件,因此访问者无需从您的服务器下载字体。 一个例子是无处不在的 Arial 字体,它催生了数以千计的“衍生产品”。 2023 年网络安全字体还有必要吗? 2019-2020年浏览器市场份额 2019-2020 年浏览器市场份额(图片来源:StatCounter) 当然,现在绝大多数用户都在移动设备和桌面设备上使用 Google Chrome。但这并不意味着网络安全字体已经成为过去。
事实上支持的字体因操作系统而异,包括用户当前的版本。因此,如果您使用 电话号码清单 受最新版本的 Windows 10 支持的字体设计网站,大多数用户会看到其他内容。 此外,如果您选择使用和托管自定义本地字体或第三方托管的字体,则可能会减慢您的网站速度。因此,切换到网络安全字体可以加快您的网站速度。这是一件很棒的事情。因为近70% 的消费者表示页面速度影响他们的购买决策。 Google 字体网络安全吗? 您的操作系统本身并不支持Google 字体,因此根据定义,它们不是网络安全字体。然而,由于第三方 Google 托管它们,因此 Google 字体被称为网络字体。我们知道,这有点令人困惑,但区别在于您的浏览器必须加载文件才能显示 Google 字体。 Web Safe Fonts 已在大多数设备上准备好字体文件。但不用担心缺少“安全”二字。Google 字体完全可以安全地用于增强您网站的设计。但对外部服务器的额外HTTP 请求可能会降低页面加载速度。 31 种最佳网络安全字体 我们编制了超过三十种不同的美观网络安全字体的列表,您可以使用它们来设计您的网站。 现在让我们看看他们。
宋体字体示例 Arial 字体示例 Arial 是一种经典的无衬线字体,适用于段落和标题。它长期以来一直是网页设计的主要内容。尽管近年来它经常被用作字体堆栈的后备,而不是作为主要字体系列。 推荐字体堆栈 字体系列。 2. 巴斯克维尔 巴斯克维尔字体示例 巴斯克维尔字体示例 Baskerville 是一种相对较粗的衬线字体,最初由约翰·巴斯克维尔 (John Baskerville) 在 1750 年开发为字体。设计均衡,使用粗细笔画的混合来柔化典型衬线字体的硬边。它得到最新版本的 Apple 和 Microsoft 操作系统的良好支持。 推荐字体堆栈 字体系列中更改字体的指南中可以找到此内容以及更多内容。如果您使用 HTML 和 CSS 构建网站,则可以直接在源代码中更改字体。 例如,如果您在HTML 文档中使用样式标记将 CSS 代码应用到每个页面,则可以更改 font-family 属性。 编辑字体系列 正文 CSS 选择器字体系列 如果您想更改页面上所有文本的字体,您应该指向“正文”选择器。如果要更改特定文本的字体,则需要使用特定的选择器。 如果您使用模板来构建网站,则您的 CSS 很可能位于单独的样式表中。这很棒,因为这意味着您只需编辑一个文件即可更改整个网站的字体。 在这种情况下,您需要找到样式表文件(通常称为 style.css 或其某种变体)。然后你需要找到控制你网站的字体和字体的部分。
事实上支持的字体因操作系统而异,包括用户当前的版本。因此,如果您使用 电话号码清单 受最新版本的 Windows 10 支持的字体设计网站,大多数用户会看到其他内容。 此外,如果您选择使用和托管自定义本地字体或第三方托管的字体,则可能会减慢您的网站速度。因此,切换到网络安全字体可以加快您的网站速度。这是一件很棒的事情。因为近70% 的消费者表示页面速度影响他们的购买决策。 Google 字体网络安全吗? 您的操作系统本身并不支持Google 字体,因此根据定义,它们不是网络安全字体。然而,由于第三方 Google 托管它们,因此 Google 字体被称为网络字体。我们知道,这有点令人困惑,但区别在于您的浏览器必须加载文件才能显示 Google 字体。 Web Safe Fonts 已在大多数设备上准备好字体文件。但不用担心缺少“安全”二字。Google 字体完全可以安全地用于增强您网站的设计。但对外部服务器的额外HTTP 请求可能会降低页面加载速度。 31 种最佳网络安全字体 我们编制了超过三十种不同的美观网络安全字体的列表,您可以使用它们来设计您的网站。 现在让我们看看他们。
宋体字体示例 Arial 字体示例 Arial 是一种经典的无衬线字体,适用于段落和标题。它长期以来一直是网页设计的主要内容。尽管近年来它经常被用作字体堆栈的后备,而不是作为主要字体系列。 推荐字体堆栈 字体系列。 2. 巴斯克维尔 巴斯克维尔字体示例 巴斯克维尔字体示例 Baskerville 是一种相对较粗的衬线字体,最初由约翰·巴斯克维尔 (John Baskerville) 在 1750 年开发为字体。设计均衡,使用粗细笔画的混合来柔化典型衬线字体的硬边。它得到最新版本的 Apple 和 Microsoft 操作系统的良好支持。 推荐字体堆栈 字体系列中更改字体的指南中可以找到此内容以及更多内容。如果您使用 HTML 和 CSS 构建网站,则可以直接在源代码中更改字体。 例如,如果您在HTML 文档中使用样式标记将 CSS 代码应用到每个页面,则可以更改 font-family 属性。 编辑字体系列 正文 CSS 选择器字体系列 如果您想更改页面上所有文本的字体,您应该指向“正文”选择器。如果要更改特定文本的字体,则需要使用特定的选择器。 如果您使用模板来构建网站,则您的 CSS 很可能位于单独的样式表中。这很棒,因为这意味着您只需编辑一个文件即可更改整个网站的字体。 在这种情况下,您需要找到样式表文件(通常称为 style.css 或其某种变体)。然后你需要找到控制你网站的字体和字体的部分。