日前,WordPress 6.5 Beta2 已发布,其全新的 Font Library (字体库)功能在 WordPress 社区受到广泛关注。这是为什么呢?它将带来什么新的体验?
WordPress Font Library (字体库)简介
Font Library (字体库)功能最初计划在 WordPress 6.4 中发布,官方称它是值得等待的伟大功能之一。它可以有效地管理网站设计的重要部分(版式),而无需编码或额外的步骤。
借助字体库,您可以处理整个网站上的字体,兼容任何主题。使用起来就像管理媒体库中的资源一样,可安装本地字体或 Google Fonts,并且它可以轻松扩展、添加您自己的自定义版式集合。
什么是字体库?
字体库是 WordPress 的字体管理器,类似于媒体库。它为用户提供了用户界面和工作流程体验,以管理他们想要在其网站上全局使用的字体。
它将在全局范围内提供,与激活的主题无关。
已安装字体及其资源的列表在站点范围内可用,用户可以为每个主题选择激活的字体(在编辑器中可用)。
使用字体库用户可以:
- 安装字体
- 安装本地字体
- 安装谷歌字体
- 激活/停用字体
- 卸载字体
怎么运行的?
- 安装字体:将字体系列定义添加到已安装的字体中。列出并下载字体资源
/wp-content/fonts/
。- 安装本地字体: 字体资源从用户设备上传到文件
/wp-content/fonts/
夹,并将字体定义添加到已安装字体列表中。 - 安装 Google 字体:将字体系列定义添加到列表中并将 Google 字体资源下载到
/wp-content/fonts/
. 仅在预览字体库中的字体时调用来自 Google 的资源。安装字体后,不会向 Google 或其他第三方服务器发出其他请求,因为字体资源托管在本地文件夹中/wp-content/fonts/
。
- 安装本地字体: 字体资源从用户设备上传到文件
- 激活/停用字体:从全局样式/设置中定义的字体系列列表中添加/删除字体系列定义。活动字体是可以在编辑器中使用的字体。由于我们使用全局样式数据,用户可以激活/停用每个主题的字体。
- 卸载字体:从已安装字体列表中删除字体系列定义,并从
/wp-content/fonts/
文件夹中删除资源。只能卸载用户安装的字体中的非活动字体。主题字体可以停用,但不能卸载。
值得期待的原因
任何网站中,文字排版都是一个重要的部分,选择恰当的字体也体现网站美观与个性化的重要环节。正因为如此,谷歌专门推出了免费且开源的 Google Fonts 项目,旨在帮助广大网站可以轻松的将合适的字体引入到自家网页。
然而,因特殊原因,Google Fonts 在国内是不友好的,一些地区根本无法访问 Google Fonts 资源。
而欧盟地区则因用户隐私相关的法律问题,对网站引入 Google Fonts 有一些限制,这让很多网站不得不考虑从网站服务器调用相关字体,这样一来,为设计者们带来了一些技术负担。
WordPress 作为全球广泛使用的 CMS 系统,理应有一套集成的字体管理功能,方便设计者们更便捷的管理字体。
6.5 带来的字体库经实际测试,正如宣称的那样,对于无任何编码基础的使用者也是非常友好的。
对于中文网站却没这么重要
设计过主题或经验丰富的站长们都知道,对于中文网站而言,在字体选择上最佳的方案是选择客户端上的系统集成字体或默认字体。因为中文字体的库文件较大,几十甚至上百兆,就算是通过 CDN 调用等网络优化技术,也会明显影响网页加载速度,降低用户体验感。
所以中文网站一般是选择那些被 PC 或移动端操作系统默认集成的字体,如:雅黑、宋体、仿宋、黑体、STHeiTiSC 等。这类字体不用安装在服务器上,也无需远程调用,只要浏览用户使用的是主流操作系统,默认直接可用,这种做法会让网页加载速度更快。
示例:
bofont-family: PingFang SC,system-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif;