默认字体太过单调,我就想着换一下字体吧,找了很久终于找到了一款喜欢的。另外,参考了一下别人的字体调用方式,仿佛什么都没学到。
分享一下我的吧
css调用字体
- 在服务器创建font文件夹(font文件夹你也可以换别的名字,这个无所谓,只是比较好辨认。)
- 打开font文件夹,将字体上传进去。
- 然后到你的css里面添加调用代码。
@font-face { font-family: 'Oxygen'; src: url("/font/xwzk.woff"); } body { font-family: 'Oxygen', sans-serif; }
但本地调用方式也有它的弊端,那就是加载可能会很慢,你打开站点,第一眼看到的是默认字体,要等他加载过来才换成新的字体,不过网站有cdn加速的话会好很多。
我的解决办法
- 新建一个站点 绑定二级域名
- 给这个新站点套上cdn加速
- 给新站点设置好cdn的缓存
- 创建font文件夹 上传字体
- 给站点配置跨域访问(CORS)
- 填写允许的域名或者填写*允许全部
- 修改原来的css代码 加上新站点域名
@font-face { font-family: 'Oxygen'; src: url("https://域名/font/xwzk.woff"); } body { font-family: 'Oxygen', sans-serif; }
大功告成
一些主题会自带有修改字体的设置,比如Joe主题,可以直接将字体链接放进去,不用修改css。
- woff格式下载的文件文字会变成数字,自行重命名即可,字体文件和你设置的字体路径名字一样就行。
评论 (0)