闲余

后来重闻往事，如耳边过风，不慌不乱。

更换霞鹜文楷在线字体

写于：2025年12月03日

之前的字体我是直接上传到根目录然后再引用，虽然是用了压缩率更高的woff2格式，但我还是觉得加载速度太慢了。
今天偶然看到木木老师博客启用「霞鹜文楷」在线字体，还有CDN直链。看评论好多人都用了这个字体，看着也蛮舒服的，于是我也果断换上。
「霞鹜文楷」在线字体：
直接调用 CDN：

    <link rel="stylesheet" href="https://npm.elemecdn.com/lxgw-wenkai-screen-webfont/style.css" media="print" onload="this.media='all'">

或 @一蓑烟雨 分享的 staticfile CDN

    <link rel="stylesheet" href="https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.6.0/lxgwwenkaiscreen.css" media="print" onload="this.media='all'">

在主题头部文件head中调用以上其中一个。
在css文件中加入以下代码：

     body {
  /* Screen version */
  font-family: "LXGW WenKai Screen", sans-serif;
}

这字体手机看着还挺舒服的，而且相对比之前加载速度更快了。

本文除特别声明，均采用CC BY-NC-SA 4.0许可协议
转载请务必注明出处！
添加新评论 »

已有 15 条评论 »

  1. 灰常记忆 灰常记忆

    同款字体😂

    回复
  2. 威言威语 威言威语

    字体可以稍微再大一点

    回复
    1. 咸鱼 咸鱼

      okk感谢建议，已调

      回复
  3. acevs acevs

    还有一个同名，错了同读音的博客。

    回复
    1. 咸鱼 咸鱼

      是闲鱼吗？我好像也看过这博客

      回复
  4. 大峰 大峰

    我也是用的这个字体。

    回复
    1. 咸鱼 咸鱼

      哈哈我看到好多人都在用

      回复
  5. 小十 小十

    这个字体很适合博客~

    回复
    1. 咸鱼 咸鱼

      是的，看着还不错噢

      回复
  6. 满心 满心

    看起来还确实不错，我在考虑要不要也尝试一下

    回复
    1. 咸鱼 咸鱼

      偶尔换下字体也不错

      回复
  7. 夏末 夏末

    我手机用的就是霞鹜文楷，但是放在网站上感觉就格格不入，可能是我用的版本不对，现在网站用的落日飞行，但是又太大了，博客速度慢的一批

    回复
    1. 咸鱼 咸鱼

      可以试试这个，速度挺快的

      回复
  8. 王叨叨 王叨叨

    我也用了这个字体，你可以看看我的源码，我里面有一个onerror的备选，防止cdn失效，启用另外的一个…

    回复
    1. 咸鱼 咸鱼

      okk，我是失效就用系统自带的

      回复