给网站更换霞鹜文楷字体
之前建站的时候,就发现了很多站点使用此字体,很是喜欢。昨日乱逛时发现有站点使用了霞鹜文楷,闲来无事,便把自己的站点也折腾了下。
字体简介
霞鹜文楷 / LXGW WenKai 是一款基于 FONTWORKS 的 Klee One 的开源中文字体,免费、可商用,兼仿宋和楷体特点,可读性高。包含《通用规范汉字表》汉字 8105 个,并补全其对应的繁体字或港台异体字。还增补了部分常用粤、闽、客字,注音符号。简繁日汉字共计 2 万余字。获取字体请前往此项目地址。
字体预览
食用方式
步骤一:直接调用 CDN
要么(CDN由饿了么提供):
<link rel="stylesheet" href="https://npm.elemecdn.com/[email protected]/style.css" media="print" onload="this.media='all'">
或者(CDN由七牛云提供):
<link rel="stylesheet" href="https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.7.0/style.css" media="print" onload="this.media='all'">
再要么自己去弄npm包之后自己弄,或者去用国外的(不推荐用国外的)
步骤二
在CSS中写入:
body {
/* Screen version */
font-family: "LXGW WenKai Screen", sans-serif;
}
40 条评论
不知道Volantis怎么更换这个字体。
可以直接全局引用吧,可以试试用上面的代码加在每一页的头上
那工作量也太大了~
我不太清楚,如果主题可以配置全局头那就简单的多了
原来这个字体的名字是它(╯‵□′)╯︵┴─┴
确实,当时我也挺意外的,后面发现还是个开源的,这个作者是个大佬
这字体确实好看啊 感谢分享(・ω・)ノ
确实好看,但就是如果放本地太慢了,我自己的Blog用的是自己的CDN,加载快多了
小白真诚发问,调用CDN那里的代码写到哪里,我也是handsome主题
在外观-设置外观-开发者设置
这里的CSS写在自定义 CSS里
这里的调用代码写在自定义输出head 头部的HTML代码里面
然后保存
不知道为啥设置完之后博客上方的搜索栏那个搜索图标无法正常显示
你cdn调用的版本是对的吗,否则可能会有这个问题
有地方寻找最新版的吗
我直接复制的大佬文章里的CDN,饿了么和七牛云的都试了一下,一样的问题
可以发我博客地址吗,我去看一眼
最主要我也不太清楚你是哪里的问题
已经解决了,我用了好几种字体,一种不能显示就换下一种,目前能正常显示了
解决了就好|´・ω・)ノ
这款字体的确很好看,难怪饿了么这种大厂也会采用ヾ(≧∇≦*)ゝ