前言

小伙伴们都想自己的站点好看一些，最近在改造本站样式及内容，希望进行一次升级，首先字体就是一大改造点，本文记录了如何设置本站字体的全过程

前后对比

设置步骤

1. 复制本站目录下的index.styl文件1-798行代码粘贴到对应文件中 本站链接 (opens new window)
2. 上传字体包到oss或者放到项目下（本站使用阿里云oss存储，字体包获取看文末）
3. 替换复制的代码中的字体链接地址为自己的（本站地址添加了防盗链），即https://fire-repository.oss-cn-beijing.aliyuncs.com...部分

遇到问题

阿里云oss字体文件无法访问?

解决：在oss控制面板里，对bucket添加跨域访问规则，添加一条xxxx.com（自己网站域名），get请求规则即可。可能是oss默认对非css，js，img得其他文件做了跨域限制！

字体包下载

关注本站首页公众号回复：字体包