在WordPress上获取本地Google字体并删除旧字体

我正在寻找一种将主题默认Google字体移动到我自己的ftp服务器的解决方案。就是这种字体：https://fonts.googleapis.com/css?family=Source+Sans+Pro:300, 400, 700, 300italic, 400italic, 700italic%7CBitter:400, 700%7CSource+Sans+Pro:300, 300italic, 400, 400italic, 700, 700italic&subset=拉丁语, 拉丁语, 拉丁语。由于我的Google Pagespeed得分, 我想删除它。我正在使用wordpress二十十三主题, 并且我已经尝试了几种解决方案, 但是它们不适用于该主题。我已经使用google-webfonts-helper下载了文件。

#1

问题和解决方案可能取决于你正在加载的字体变化量, 而不是方法。

对于Source Sans, 你要加载许多变体两次。

尝试仅加载你实际使用的变体(权重和样式)。例如, 如果你使用Source Sans的默认值(不是稀疏, 粗体, 黑色或斜体), 则仅加载Source Sans Pro400。对于Bitter也是如此。确保同时删除Source Sans Pro的第二个实例。

删除未使用和不必要的字体后, 请再次检查页面速度。

#2

如果你想使用Google字体, 请在CSS的第一部分使用@import url(‘你的字体的链接’)。或转到你的HTLML编辑器, 并在head标签下方键入以下代码

<style>
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300, 400, 700, 300italic, 400italic, 700italic%7CBitter:400, 700%7CSource+Sans+Pro:300, 300italic, 400, 400italic, 700, 700italic&subset=latin, latin, latin')
</style>