Crayon Syntax Highlighter添加自定义字体样式
Crayon Syntax Highlighter后台有好几种字体选择,但是有可能选择好几个字体,都感觉不满意,那么我们能不能自定义自己需要的字体呢?
首先我们先搞清楚Crayon Syntax Highlighter的字体是在插件crayon-syntax-highlighter/fonts/下面,里面包含字体文件和CSS样式选择。
我们先举个例子,譬如我现在想用微软雅黑的字体,现在除了xp不自带雅黑,其他版本基本都有这款字体,我们只需要直接调用电脑的微软雅黑字体就可以了。在/fonts/目录下面,增加文件命名为microsoft-yahei.css,文件内容为
1 2 3 4 | .crayon-font-microsoft-yahei * { font-family: 'Microsoft YaHei', sans-serif !important;} |
注意下CSS里面的.crayon-font-microsoft-yahei不要用大写字符
然后再插件后台设置页面的,字体你会看到了多了一个微软雅黑的,选择 保存