在 WordPress 使用系統字型 (原因和方法)

  • 在 WordPress 使用系統字型 (原因和方法)

  • HyWorker Lee

    管理員
    2020 年 6 月 21 日 at 下午 12:10

    這一篇是取自 Brian 的部落格文章 !!

    在 WordPress 的字型運用有非常多的方法,我個人一直偏愛使用系統字型,其原因,系統字體就像網路基本字型一樣工作,而不需要瀏覽器的任何下載時間,讓網頁載入更快

    最簡單的做法:

    外觀 > 自定 > 附加的 CSS,加代碼寫在裡面,或是利用 Code Snippets 外掛來添加代碼也可以。

    body {font-family: "微軟正黑體", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
    h1,h2,h3,h4,h5,h6 {font-family:"微軟正黑體", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
    body, p {font-family: "微軟正黑體", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}

    接下來還需要禁用從 WordPress 主題加載的任何第三方字體,例如:Google Fonts。

    這又可能有所不同,因為每個開發人員以不同的方式包含字體,但現在許多佈景主題都有輕鬆的方法來打開或關閉 Google Fonts。

    或者,使用 Disable Google Fonts 外掛來禁用 Google Fonts

    PS. 6/19 桃園 WordPress 小聚時有人問到這個問題,如果主機是在大陸如何載入字型的問題,這個方式應該是好方法。

  • HyWorker Lee

    管理員
    2020 年 6 月 26 日 at 下午 2:23

    補充一點:

    如果你用大陸主機,受眾是大陸地區,要把 “微軟正黑體” 改成 “Microsoft YaHei”。

Log in to reply.

Original Post
0 of 0 posts June 2018
Now