侧边栏壁纸

博客使用霞鹜文楷字体

  • 老罗 原创作品 1个月前
  • 网络 网站
  • 388阅读16评论1点赞
  • 代码放置于:设置-系统-自定义样式

    body{font-family: "LXGW WenKai Screen", sans-serif !important;}
    

    代码放置于:设置-系统-自定义脚本

    function changeFont() { 
      const link = document.createElement("link");
      link.rel = "stylesheet";
      link.type = "text/css";
      link.href = "https://fastly.jsdelivr.net/npm/lxgw-wenkai-webfont@1.6.0/lxgwwenkai-light.css";
      document.head.append(link);
    };
    changeFont()
    

    首先,在网页的标签内适当位置引入字体 CSS。如果你希望使用屏幕阅读优化版本,请使用第二行。第一行为原始字体文件。二者引入其一即可。

    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-webfont/1.6.0/style.min.css" />
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css" />

    CSS 镜像地址的源在 cdnjs,上方的代码 href 采用了中国大陆的 BootCDN 的源。如果你喜欢其他的 cdnjs 下游源,可以自己替换下。

    接着,在你的 CSS 中设置字体。这根据上方引入何版本字体,设置不同的字体名称。同样地,二者选其一。

    body {
        /* 原版 */
        font-family: "LXGW WenKai", sans-serif;
        /* 屏幕优化版 */
        font-family: "LXGW WenKai Screen", sans-serif;
    }
    1

    —— 评论区 ——

    昵称*
    邮箱*
    网址
    取消
    1. 头像
      大峰 游客
      回复

      这字体确实看着舒服。

      1. 头像
        老罗 博主 博主
        回复
        @大峰

        是啊,是比较舒服的,我看你也在用啊

    2. 头像
      姓名祥批 游客
      回复

      这个字体不错,我喜欢

    3. 头像
      LiuShen 酒肉朋友
      回复

      之前用过,不过后面用的人多了我就换了另一个哈哈

      1. 头像
        老罗 博主 博主
        回复
        @LiuShen

        你那个字体也漂亮,方便发一份吗?QQ

        1. 头像
          LiuShen 酒肉朋友
          回复
          @老罗

          https://github.com/lxgw/yozai-font

          1. 头像
            老罗 博主 博主
            回复
            @LiuShen

            多谢QQ

            1. 头像
              LiuShen 酒肉朋友
              回复
              @老罗

              嘿嘿没事

    4. 头像
      刘郎 点头之交
      回复

      这个字体不错 不过感觉稍微小了一点 清爽

      1. 头像
        老罗 博主 博主
        回复
        @刘郎

        是啊,周末看看是否调大一点

    5. 头像
      Vind 酒肉朋友
      回复

      这个字体不错,我可以建议我的博客程序开发者们也研究一下字体做插件。

      1. 头像
        老罗 博主 博主
        回复
        @Vind

        搞一个插件比较方便点

    6. 头像
      蜡客小生 点头之交
      回复

      QQ老罗又折腾皮肤了。。

      1. 头像
        老罗 博主 博主
        回复
        @蜡客小生

        😄不小心被你发现了

    7. 头像
      老何 点头之交
      回复

      这个国外字体源访问很慢

      1. 头像
        老罗 博主 博主
        回复
        @老何

        是的,我后台引用的是一个国内的。