好久之前就想把主题字体换了,但是一直懒动手 刚好之前有人问我这个问题那我就讲一下
第一步
首先需要准备好字体,字体大家自己百度找一下就行了(字体不建议文件太大的) 其实只要改一下css就好了,一般都是在style.css,没有css文件就自己创建一个 这里我就以Typecho示例,Typecho这样的程序css都在主题里面,找到主题文件夹就好了 之后打开自己的css文件夹打开style.css或者其他css都可以,加上如下代码 字体文件格式可以自己转码,一般woff、ttf、otf、svg四种格式已经可以兼容市面上99%的浏览器了
代码语言:javascript复制@font-face{
font-family: 'typeface';
src: url('字体Url');
src: url('字体Url');
src: url('字体Url');
src: url('字体Url');
}
注意:字体文件太大会影响网站访问速度,可以托管到其他CDN,例如jsdelivr、oss之类的对象存储
第二步(将字体css代码引入)
如果需要全局字体就直接在head引入
代码语言:javascript复制font-family: 'typeface';
局部的话就在head添加
代码语言:javascript复制p.typeface{font-family:"typeface;}
那么在p元素加上class选择器对需要的内容使用对应字体,示例如下
代码语言:javascript复制这是一段字体测试的段落