当前位置:
首页 > 字体文章 > 提速技巧:将本地字体部署至WordPress站点

提速技巧:将本地字体部署至WordPress站点

您想在不降低网站速度的情况下向您的网站添加第三方字体吗?

拥有自定义字体,能够对网站的排版给予改善,也能提升用户体验,不过加载时间会比较长,值得庆幸的是,您能够在本地进行字体托管,以此来保证您的网站一直处于快速状态。

在本文中,我们将向您展示如何在 中托管本地字体。

为什么在 中本地托管字体?

尽管版式以及自定义字体能够提升网站的整体美观程度,然而它们的确会给性能带来负面的影响,比如说,要是您运用字体当中的自定义字体,进而那些自定义字体是从第三方服务进行加载的,如此一来便会使您的网站速度有所减慢。

庆幸的是,存在一种途径能够运用自定义字体,且不会致使您的网站速度减缓。在6.0中,新的API被引入了。这使得您能够在本地托管字体,进而让加载速度变得更快。

在本地进行字体托管,还有一个缘由是得以维持GDPR合规状态。要是您网站的访问者源自欧盟地区,这可是一项关键的法律考量要点。

在某人访问运用Fonts的网站之际,加载字体之时,会将他们的IP地址纪录,只是此乃在未经其许可的状况下开展的,所以欧盟当下认定这有违隐私法规,而且说不定您得担负损害赔偿责任。

虽说如此,那咱们来瞧瞧怎样于其中托管本地字体从而获取更快的网站,我们要介绍两种方法,并且建议大多数用户采用第一种方法。

方法一,是借助插件于相关环境里托管本地字体,第二种方式为手动在特定环境中托管本地字体。

你首先要做的头一件事,是去安装,然后激活OMGF(优化我的字体)插件。至于更多详细的信息,要去参照我们关于怎样安装插件的分步骤指南。

OMGF属于最好的排版插件当中的一个,它借助本地托管Fonts给出一种适宜初学者借以提升性能进而实现GDPR合规性的方式。

激活之后,您得去访问“设置”,接着找到里面的“优化字体”,通过这个操作来配置该插件。之后您应当查看那个名为“优化字体”的选项卡。

留意“优化 字体”标题之下的声明,您只须动用默认设置,便能自动把字体替换成本地托管的副本。

这表明,在您朝着下方滚动设置页面之际,您所要做的事情便是,保证“字体显示选项”选取了默认设置“交换(推荐)”。

您现在所需要做的就是单击页面底部的“保存并优化”按钮。

Vega AI

国内专业的ai创作平台,支持文本生成图片,图片风格转换

下载

您将在屏幕顶部看到一条消息,显示“优化已成功完成”。

恭贺!您的字体此刻被托管于本地,您的网站加载速率将会更为迅速,且使得欧洲诉讼的风险得以降低。

方法2:在中手动托管本地字体

您能够运用我们那阐述怎样于其中添加自定义字体的指南里的@font-face方法,在本地托管字体,且无需借助插件。尽管此方法需耗费更多精力,然而它能让您于网站之上运用您所中意的任意字体。

您得通过网络格式,去下载您想运用的字体。能找到很棒免费网络字体的地方可不少,像是Fonts、、等。

要是您不存在适配自身的字体的网络格式,那么能够运用生成器对其予以转换。

如今,您得把字体存于托管服务器之上,您能够借助 FTP 或者主机的文件管理器上传文件。

你需得在,那主题或者子主题的目录里头,去创建一个,名为“fonts”的崭新文件夹,而后把它上传至,那个地方。

上传字体之后,您得运用自定义 CSS 把字体加载至主题的样式表当中,您能够将代码直接添入主题的 style. 文件那里,或者借助主题定制器的附加 CSS 部分。

你能够运用 CSS3 @font-face 规范达成这一事宜,像下面这样呈现:

我们期望此教程能够助力您知晓怎样于其中安顿本地字体用以提升网站速度,您或许还会想要去瞧瞧我们有关怎样增添博客流量的指南,又或者是我们专家精心挑选的必备的插件用以扩充您的网站。