分享一款免费可商用字体:霞鹜臻楷
标签搜索

分享一款免费可商用字体:霞鹜臻楷

恂云
2025-08-20 / 0 评论 / 652 阅读 / 正在检测是否收录...

默认字体太过单调,我就想着换一下字体吧,找了很久终于找到了一款喜欢的。另外,参考了一下别人的字体调用方式,仿佛什么都没学到。

分享一下我的吧 表情

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格式下载的文件文字会变成数字,自行重命名即可,字体文件和你设置的字体路径名字一样就行。
2

评论 (0)

取消