如何给 Avada 设置自定义字体?如何在中国使用 Google fonts 字体的解决方案。

首先,最基础的 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

文章没看懂?代码不会用?需要帮助你可以去论坛提问自助服务台
头像

作者诗语

薇晓朵 & 菲比斯公司创始人,爱看书,爱科技