侧边栏壁纸
博主昵称
洛叶

生活不是电影,再见容易,再见难

怎么更换网站字体

2022年04月16日 854阅读 0评论 41点赞

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

第一步

首先需要准备好字体,字体大家自己百度找一下就行了(字体不建议文件太大的)
其实只要改一下css就好了,一般都是在style.css,没有css文件就自己创建一个
这里我就以Typecho示例,Typecho这样的程序css都在主题里面,找到主题文件夹就好了
之后打开自己的css文件夹打开style.css或者其他css都可以,加上如下代码
字体文件格式可以自己转码,一般woff、ttf、otf、svg四种格式已经可以兼容市面上99%的浏览器了

@font-face{
font-family: 'typeface';
src:  url('字体Url');
src:  url('字体Url');
src:  url('字体Url');
src:  url('字体Url');
    }

注意:字体文件太大会影响网站访问速度,可以托管到其他CDN,例如jsdelivr、oss之类的对象存储

第二步(将字体css代码引入)

如果需要全局字体就直接在head引入

font-family: 'typeface';

局部的话就在head添加

p.typeface{font-family:"typeface;}

那么在p元素加上class选择器对需要的内容使用对应字体,示例如下

<p class="typeface">这是一段字体测试的段落</p>
41

—— 评论区 ——

博主关闭了所有页面的评论
博主栏壁纸
博主头像 洛叶

生活不是电影,再见容易,再见难

70 文章数
38 标签数
19 评论量