Crayon Syntax Highlighter增加自定字型

因為近來一直在研究如何使用新的中文 web font ，有點強迫症的我覺得全網站都使用新的中文 web font，就唯讀只有Crayon Syntax Highlighter語法高亮的部份是沒有處理的，在Crayon Syntax Highlighter所設定的字型中用來用去都覺得只要如果之中出現中文的話都是有點格格不入，因此萌生了乾脆自定字型在此插件中

set-1 先製作CSS檔，如果wordpress沒有引入web font的話記得要在先引入，下方為 Noto Sans TC 的製作方法(因為有在 style.css 引入過，所以不用在引入一次 google web font )，主要以關鍵區為主，crayon-font-要和要存的css檔名一樣。

/* Noto Sans TC (Chinese Traditional) */
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
.crayon-font-notosanstc * {
    font-family: 'Noto Sans TC', sans !important;
}

/* Noto Sans TC (Chinese Traditional) */

@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

.crayon-font-notosanstc * {

font-family: 'Noto Sans TC', sans !important;

}

set-2 將寫好的 css 檔存好，命名為 notosanstc.css

set-3 檔案存在 wp-content/plugins/crayon-syntax-highlighter/fonts根目錄下，後台在更新一下就可以讀到，選用字型直接套用。

bug
若去後台取消勾選”文章摘要不啟用代碼高亮”使得前台文章摘要的部份是可以使用高亮的話，因為有限字元數的功能，程式碼會被切斷而不正常

資料源：How to add new fonts?

原意筆記本

其他操作

標籤雲

Crayon Syntax Highlighter增加自定字型