[geekyi]

我的博客使用了 Montserrat-Regular 这个字体，但是属于 Google font，国内不能访问造成打开速度很慢，只能手动禁用，我想问下如何自定义字体（avada的主题下 Woff、SVG 字体自定义功能不可用，媒体禁用了上传文件类型），对应的 Css 代码应该如何写，最后的效果就是国内可以正常加载英文字体，谢谢？

[诗语]

这个问题可以很轻松的解决，首先是将字体下载回来，然后 WordPress 方面解决好安全上传，等下会给你贴上详细的操作方式。

[诗语]

首先，最基础的 Avada 主题优化我们商城的版本是通过子主题实现，已经处理过了，另外也有原始的改主题源代码文件的方法，具体看下面的文章，这里就不再讲，直接说在国内用自托管 Google fonts 的方法。

你的 Avada 为什么这么慢？如何加速 Avada 主题前后台访问速度？

avada 主题本身已经有 Google fonts 选项，但我们在子主题中已经剔除禁用，所以选着任何字体选项是无效的，这也避免了中文用户的误操作。对于想要用第三方 webfonts 美化自己网站的客户我们提供离线字体的方式：

1、先通过下面链接下载最新和需要的 Google 字体，因为直接从 fonts.google.com 下载不现实，除非你会爬墙过去。

https://google-webfonts-helper.herokuapp.com/

找到之后保存下 [eot,ttf,svg,woff,woff2] 文件格式，这个就是需要上传使用的。

2、修复 WordPress 上传文件提示不安全的问题，这个我们论坛已经有技术贴，可以参考：

https://bbs.weixiaoduo.com/topic/25391

3、上传文件字体，将上面下载好的字体文件包解压，可以得到几个不同后缀的文件，找到后台的 Avada 主题选项=排版=自定义字体，如下图

自己给你的字体取个名字，但注意不要和 Google 字体的名字重叠，比如 ABeeZee 字体你可以取名为 ABeeZeeCN 什么的，这样后续如果不用字体了就不会发生冲突。

4、上面的操作完毕，avada 前台并不会马上加载字体，还需要在【主题排版】、【标题排版】里选择对应的字体启用。

最后就是保存下，这样就可以生效了。如果使用薇晓朵 Avada 子主题的用户可能还需要到主题的自定义 css 里面改下。说明可见下面帖子

https://bbs.weixiaoduo.com/topic/24109

把里面的

font-family: PingFang SC, Microsoft YaHei, WenQuanYi Micro Hei, Arial, Helvetica, sans-serif !important;

改成

font-family: ABeeZeeCN, PingFang SC, Microsoft YaHei, WenQuanYi Micro Hei, Arial, Helvetica, sans-serif !important;

这样就大功告成。你的网站有了自己的自定义字体。

显示效果贴个预览的我们自己项目站用的就是 https://www.091616.com/news

[geekyi]

按照您的教程，将代码复制到functions.php中，不生效，仍然无法上传字体系列的相关文件，显示：抱歉，由于安全原因，这个文件类型不受支持。

换用其他插件显示设置 extensions 和 mimes，不清楚该如何设置。

[诗语]

用第二种方式 https://bbs.weixiaoduo.com/topic/25391/#post-32361

[作者]

帖子