怎么更换网站字体

2023-04-17 14:15:30 浏览数 (1)

好久之前就想把主题字体换了,但是一直懒动手 刚好之前有人问我这个问题那我就讲一下

第一步

首先需要准备好字体,字体大家自己百度找一下就行了(字体不建议文件太大的) 其实只要改一下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复制
这是一段字体测试的段落

0 人点赞