您是否知道您的 Web 浏览器会自动下载和使用系统上未安装的字体?Web 字体可帮助您每天浏览的页面看起来更好。这是它们是什么以及它们是如何工作的。
桌面字体与 Web 字体
我们每天都在使用字体。其中一些来自您的操作系统,一些来自 Adobe Creative Suite 或 Microsoft Office 等应用程序,还有一些是您自己下载或购买并安装的。安装后,您可以在文字处理器、图像编辑软件等中使用这些字体。这些是桌面字体,它们存储在本地。
随着我们的计算体验转移到网上,另一种字体变得更加重要。这些是 Web 字体 — 存储在云中(然后缓存在浏览器中)的排版,用于生成出现在网站上的文本。网页字体简史
在互联网的早期,网页上的排版仅限于系统上安装的字体。如果未安装字体,网页将加载更有可能可用的标准“后备”字体。正因为如此,网页设计师经常为他们的网站选择默认的系统字体。
其中包括 Microsoft 的Core Fonts for Web,这是一组可免费用于网页设计的字体。这个包包括广泛使用的系统字体,如 Times New Roman、Arial、Comic Sans和 Trebuchet。或者,设计人员可以使用字体系列(例如 Serif、Sans-Serif 和 Monospace)来指定字体的一般样式,即使特定字体不可用。
这种情况在 2010 年 Google 推出Google Fonts时发生了变化,这 是一个庞大的免费字体开源库,可以在网络上的任何地方使用。从那时起,出现了其他竞争对手,如 Adobe 的 Typekit 和网络托管字体插件。来自世界各地的数百万个网站使用网络字体运行,包括Google 的生产力套件。
网页字体的工作原理
最大的网络字体提供商 Google Fonts 是一个包含超过一千种字体的庞大网络库。您可以通过 CSS 拉取它们在您的网站上使用它们,移动开发人员可以在创建 Android 应用程序时访问这些字体。
当网页使用 Google Fonts 时,它会从 Google 的数据库中提取一种字体,然后在浏览器中向您显示该字体的文本。这些字体托管在 Google 的服务器上,几乎可以立即加载。其他云字体服务的工作方式大致相同。
另一种选择是在网络上使用自托管的嵌入字体。这是通过Web Open Font Format (WOFF) 实现的,WOFF 是一种由 Mozilla 开发的压缩字体文件,与大多数现代 Web 浏览器兼容。如果您想嵌入 Web 字体服务上不可用的自定义字体,WOFF 非常有用。
获取网页字体
Google Fonts 存储库及其下的所有字体完全免费供所有人使用和访问。它仅在开放许可下使用字体,其中许多字体已成为网页设计的主要内容,例如 Roboto、Lato 和 Montserrat。Google 托管了一个网站,其中列出了所有可用的字体,并允许您试用它们并相互比较。Google 还提供了一个免费矢量图标数据库。
由于这些字体是免费提供的,您也可以下载原始字体文件以在您的桌面上使用。许多网站都托管 Google Fonts 的存储库,包括Google 自己的 Github。您可以在项目中使用这些字体,免费与他人分享,也可以从互联网上的其他地方免费下载。
许多网站建设者和内容管理器(如 WordPress 和 Squarespace)都支持开箱即用的网络字体。如果您使用的是自定义网站,则需要将字体文件上传到您的服务器并使用 CSS 代码指向您要使用的字体文件。
如果您想了解有关在您的网站上使用 Web 字体的更多信息,请查看W3Schools 的此CSS Web 字体指南。