教學筆記 | 科技

如何修改 WordPress 中的字型?

2017-10-04

WordPress 本身內建了許多的英文字型
但是對於一個中文的使用者來說
這些英文字型固然美觀
但是實在是用不到啊
而一般使用Wordpress時
看到的中文都是最常見的細明體
但是我想應該沒有人會喜歡使用細明體來當作網頁的主要字型吧
那要如何修改Wordpress 中的字型呢

更改主題的CSS
一般來說
Wordpress的主題都可以制定CSS
只要在自訂頁面下加入改變字型的CSS就可以將整個網站的字型快速成你所想要的字型喔

透過修改CSS,就可以輕鬆改變Wordpress的字型
透過修改CSS,就可以輕鬆改變Wordpress的字型

比如說我想把字型都改成微軟正黑體
但英文不要用正黑體
那你可以試著加入以下的CSS:



body, h1, h2, h3, h4, h5, h6, h7 {
font-family: “Open Sans”, “Microsoft JhengHei”, arial, sans-serif !important;
}

但是如果你所使用的主題含有其他的字型或是fontawesome
有時候這些字元可能就會變成亂碼無法正常顯示
這時候你也可以稍微修改一下設定:

*:not([class*=”icon”]):not(i){font-family:’你所想要的英文字型”, “Microsoft JhengHei”,”Microsoft YaHei”, Arial,sans-serif!important;}

 

又或者你想變更WooCommerce的My account的字型
則可以試試看這一段CSS:

.woocommerce-MyAccount-content {
font-family: “Open Sans”, “Microsoft JhengHei”, arial, sans-serif !important;
}