首先,最基础的 Avada 主题优化我们商城的版本是通过子主题实现,已经处理过了,另外也有原始的改主题源代码文件的方法,具体看下面的文章,这里就不再讲,直接说在国内用自托管 Google fonts 的方法。
https://avada.weixiaoduo.com/post/3005
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