本文最后更新于286 天前,其中的信息可能已经过时,如有错误请发送邮件到lysun26@163.com
前言
想换一个字体,上网查找方法后,发现最简单的方法还是插件。在安装插件并使用后,我查看了一下网页源码,然后将字体设置的那一部分css代码拷贝了下来,然后我就直接添加了几行css代码,实现了改变主题字体的功能。最后把插件删除了(功成身退了哈哈哈)。
插件
我用的是Use Any Font。启用这个插件后,按照步骤流程操作即可。
- 获取一个API Key,免费的即可。
- 点击Upload Font,上传要设置的字体文件,给这个字体起一个名字。
- 点击Assign Font,在Select Font里选择刚才上传的字体,然后选择将其应用于的Element,我直接全选了。然后点击Assign Font即可。
然后就OK了。
不使用插件
- 将字体文件上传到服务器上
- 在自定义->额外CSS中,添加如下代码:
@font-face {
font-family: font_name;
/*字体路径*/
src: url(https://www.corrain.top/xxx);
font-weight: normal;
}
h1, h2, h3, h4, h5, h6, .entry-title, body.single-post .entry-title, body.page .entry-title, body.category .entry-title, .widget-title, .site-title, .site-description, body, p, blockquote, li, a, strong, b, em, .menu-author-container li a, .menu-author-container li span, #menu-author li a, #menu-author li span, .menu-links-container li a, .menu-links-container li span, #menu-links li a, #menu-links li span, .menu-media-container li a, .menu-media-container li span, #menu-media li a, #menu-media li span, .menu-top-container li a, .menu-top-container li span, #menu-top li a, #menu-top li span{
font-family:font_name!important;
}
当然,也可以选择性的对其中的一部分Element设置字体。