使用本地自定义字体

在wordpress上如果我们不满足于原版的字体我们可以引入更多的字体,这篇文章记录了我是如何为网站标题加上自定义字体的。

获得字体包

提供字体的网站有很多,我的网站标题字体来自方正字库郑明瑾秀丽笔行书,下载字体时注意区分好字体的授权种类,比如我使用的字体授权为免费非商用,乱用字体小心律师函?。

大部分字体包都包含成千上万个文字,比如我这个字体包下载下来一看有10MB,这么大的文件我们不应该直接放到网站上因为这回大大的拖慢访问速度,那么我们能不能只抽出字体包中的部分字体使用呢?

工具FontZip可以满足我们的需求,我们可以使用该工具提取我们需要的文字,精简字体包。

选择好字体,输入我们需要提取的文字后点击Ok,在和源字体相同的目录下将会生成名为fontzipMin.ttf的ttf文件。

上传字体包并使用

在主题所在的目录下创建font文件夹并把精简后的字体包放进去(注意需要给与文件755权限),之后使用wordpress的自定义主题中的额外css或者使用的主题自带的自定义CSS样式功能,把我们的字体给网站标题加上。

@font-face { font-family: hj; src: url(https://blog.notesail.com/wp-content/themes/Sakura/font/min-ZMJXLBXSJ.ttf); font-weight: normal; }

.site-name {font-family: hj;font-size: 30px;}

保存之后刷新网站,字体应该就生效了。

文章目录