wordpress 博客自定義字體問題

標籤: 

正在查看 5 個帖子:1-5 (共 5 個帖子)
  • 作者
    帖子
  • geekyi
    • 文章數量: 13
    @geekyi
    樓主

    我的博客使用了 Montserrat-Regular 這個字體,但是屬於 Google font,國內不能訪問造成打開速度很慢,只能手動禁用,我想問下如何自定義字體 (avada 的主題下 Woff 、 SVG 字體自定義功能不可用,媒體禁用了上傳文件類型),對應的 Css 代碼應該如何寫,最後的效果就是國內可以正常加載英文字體,謝謝?

    詩語
    管理員
    • 文章數量: 5,926
    @feibisi

    這個問題可以很輕鬆的解決,首先是將字體下載回來,然後 WordPress 方面解決好安全上傳,等下會給你貼上詳細的操作方式。

    詩語
    管理員
    • 文章數量: 5,926
    @feibisi

    首先,最基礎的 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
    • 文章數量: 13
    @geekyi
    樓主

    按照您的教程,將代碼複製到 functions.php 中,不生效,仍然無法上傳字體系列的相關文件,顯示:抱歉,由於安全原因,這個文件類型不受支持。

    換用其他插件顯示設置 extensions 和 mimes,不清楚該如何設置。

    詩語
    管理員
    • 文章數量: 5,926
    @feibisi
正在查看 5 個帖子:1-5 (共 5 個帖子)
  • 哎呀,回覆話題必需登錄。

話題信息

  • 當前位於:疑難雜症
  • 4 條回覆
  • 2 個參與人
  • 最後回覆:<a href="https://bbs.weixiaoduo.com/users/feibisi/" title=" 查看詩語的個人資料" class="bbp-author-link"><span class="bbp-author-name"> 詩語</span></a>
  • 上次活動:<a href="https://bbs.weixiaoduo.com/topic/32345/#post-32362" title=" 回覆至:wordpress 博客自定義字體問題">5 年、 9 月前</a>