【LXGW WenKai / 霞鹜文楷】Github地址:https://github.com/lxgw/LxgwWenKai
第一种方法:引用霞鹜文楷CDN
<link rel="stylesheet" href="https://npm.elemecdn.com/lxgw-wenkai-screen-webfont/style.css" media="print" onload="this.media='all'">
指定"LXGW Wenkai Screen" 字体,应用全局 body
元素。
body {
font-family: "LXGW Wenkai Screen", sans-serif; /* 应用全局 body 元素 */
}
第二种方法:@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;
}