全站默认字体更改为开源字体【霞鹜文楷】LXGW WenKai字体下载

前几天闲逛朋友博客（Jeffer.Z的博客）时，无意间点进博友（老张博客）的网站，特别喜欢他网站的默认字体。

经过一番折腾，发现这是一款开源字体【霞鹜文楷】LXGW WenKai。

度娘了一番，发现有引用教程，拿来分享给大家。

【LXGW WenKai / 霞鹜文楷】Github地址：https://github.com/lxgw/LxgwWenKai

第一种方法：

1、引用霞鹜文楷CDN

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

2、然后 指定"LXGW Wenkai Screen" 字体，应用全局 body 元素。

body {
  font-family: "LXGW Wenkai Screen", sans-serif; /* 应用全局 body 元素 */
}

第二种方法：

1、@font-face 引入字体文件：

在 body 样式中，把字体设置为 "LXGW Wenkai Screen"，并指定备用字体（sans-serif），防止 "LXGW Wenkai Screen" 字体不可用时使用 sans-serif 字体。

@font-face {
  font-family: "LXGW Wenkai Screen";
  src: url(字体路径/字体.ttf) format("ttf");
  /* 添加其他格式（如.ttf、.otf）以增强兼容性 */
}
body {
  font-family: "LXGW Wenkai Screen", sans-serif;
}