如何給 Avada 設置自定義字體?如何在中國使用 Google fonts 字體的解決方案。

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

文章沒看懂?代碼不會用?需要幫助您可以去論壇提問自助服務台