本文最后更新于 90 天前,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
字体
LXGW WenKai / 霞鹜文楷
- Github 地址:https://github.com/lxgw/LxgwWenKai
- 说明:一款开源中文字体,基于 FONTWORKS 出品字体 Klee One 衍生。
获取字体
ⅰ. 直接下载
- 进入 Release 界面下载对应版本的 TTF 格式文件,或在本仓库
fonts/TTF
文件夹中下载。 - 在 Gitee 官方镜像仓库
fonts/TTF
文件夹中下载。 - 进入 猫啃网、Zfont.cn、自由字体 进行下载。GitHub 项目更新后,会联系站长进行更新,更新会稍晚些。 注意: 其它收录免费商用字体的网站上可能也收录了本字体,但可能不是最新版。
- 永硕E盘、蓝奏云(密码:8ppk) 会在 GitHub 项目更新后 72 小时之内更新。
- 如果您使用 macOS,已经安装过 Homebrew,可以在终端输入命令:
brew tap homebrew/cask-fonts && brew install font-lxgw-wenkai
来安装本字体。 - 如果您使用 Windows,已经安装过 Scoop,可以在终端输入命令:
scoop bucket add nerd-fonts && scoop install LXGWWenKai
或者scoop bucket add nerd-fonts && scoop install LXGWWenKaiMono
来安装本字体。亦可查看微软官方教程:如何在 Windows 中安装或删除字体。
ⅱ. 从源代码生成
请运行 ./sources/build.bat
或 ./sources/build.sh
。需要安装 fontmake
:pip3 install fontmake
和 fontTools
:pip3 install fonttools
。
注意事项
- 截至目前,完整版本字体含有全部 CJK 基本区汉字,以及零星扩展 A~G 区汉字。 如有补字需求,请在 Issue #33 提出,不要另开 Issue,以便于整理。
- 本人并不是专业的设计师,并未考虑设计美感,所以看起来可能略丑,补进去的字与原版可能略有违和感,且在 Bold 字重中部分字的轮廓曲线会有毛刺,Light 字重中部分字的轮廓会存在飞点;此外由于时间仓促,并没有多余的时间细修,部分字的部件拼接会很生硬。如有字形优化建议,请在 Issue #14 提出,不要另开 Issue,以便于整理。 (以上两个 issue 均已加上 long term 标签,且均已在 Issues 页面置顶。)
- 若需要在网站上使用这款字体,请参阅 Issue #24。
- 对于搭配的西文字体,个人推荐 Ysabeau 系列字体。另有 Ysabeau Office 与霞鹜文楷轻便版的合并字体 LXGW Bright,采用 字体合并补全工具 将两款字体合并而成,提供 TTF、OTF、WOFF、WOFF2 四种格式。
- 该字体的更多版本 (可能会随时变动)
- 霞鹜文楷屏幕阅读版 / LXGW WenKai Screen 由于原版「霞鹜文楷」Regular 字重在 PC 和 Android 屏幕上显示较细,而 Bold 字重需要在粗体模式下才能调用,特制作以 Bold 字重为基础的,加粗后的「霞鹜文楷」与 Windows 默认英文字体 Segoe UI Regular 粗细相当,PC 和 Android 手机屏幕阅读更加舒适,无需特别切换到粗体模式。
- 霞鹜文楷 轻便版 / LXGW WenKai Lite:剔除 v1.100 版本增补的一些较不常用的汉字,便于开发者将字体嵌入软件中。若完整版有字形优化或特性更新,精简版也将会跟进。精简版不包含谚文。
- 霞鹜文楷 GB / LXGW WenKai GB:在文楷基础上进一步调整字形和笔形,符合 G 源字形规范。包含《通用规范汉字表》8105 个汉字。另有与「芫荽」等同源字体合并的「缝合楷」,及使用本项目字体补全的 GB 融合版。
- 霞鹜文楷 TC / LXGW WenKai TC:供繁体中文用户和旧字形爱好者使用,基于轻便版制作,采用旧字形写法,主要采用 Klee One 的隐藏字形,部分部件手动修改 (大部分部件参考一点字坊「传承字形标准化文件」,借助「汉文博士」「国学迷」「字统网」 等工具按部件查字,对字形进行修改)。此外已有基于 Klee One 改造的繁体中文字体 芫荽 / Iansui,采用台湾地区的教育标准字形;另有采用香港地区字形标准的 芫茜雅楷 / JyunsaiKaai。
- 本项目为字体项目,有关 Magisk 字体模块等手机字体替换有关的问题,请移步模块模板的 Issues 里反馈,不要在本项目开议题。
网页引用
Put the jsDelivr into your html head, then update the font-family.
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/style.css" />
<!-- Lite version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/style.css" />
<!-- TC version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/style.css" />
<!-- Screen version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/style.css" />
<style>
body {
font-family: "LXGW WenKai", sans-serif;
/* Lite version */
font-family: "LXGW WenKai Lite", sans-serif;
/* TC version */
font-family: "LXGW WenKai TC", sans-serif;
/* Screen version */
font-family: "LXGW WenKai Screen", sans-serif;
}
</style>
</head>
<body>
<!-- blablabla -->
</body>
</html>
站长素材
自由字体官网
- 地址:https://www.hellofont.cn/
- 说明:免费商用字体大全,个个都经过核对确认,自用商用无侵权风险
字由
- 地址:https://www.hellofont.cn/
- 说明:各种书法体、创意字体
求字体
- 地址:https://www.qiuziti.com/
- 说明:提供中文和英文字体库下载、识别与预览服务,找字体的好帮手
DaFont
- 地址:https://www.dafont.com/
- 说明:国外知名字体下载网站
FontShop
- 地址:https://www.fontshop.com/free-fonts
- 说明:国外知名字体下载网站
Linotype
- 地址:https://www.linotype.com/
- 说明:国外知名字体下载网站
emoji 素材网站
Emojipedia
- 地址:https://emojipedia.org/
- 说明:全平台emoji表情搜索引擎
Emojiall
- 地址:https://www.emojiall.com/
- 说明:网站针对每个表情包都提供了详细的解释,除了能直接复制下载表情包,还有对应的字符编码和简短代码格式呈现,供不同用途。
EmojiXD
- 地址:https://emojixd.com/
- 说明:Emoji表情大全,颜文字百科
Emoji表情大全
- 地址:https://www.emojidaquan.com/
- 说明:Emoji 分类更加详细,支持中文搜索
符号大全
- 地址:http://www.fhdq.net/
- 说明:国内的一个符号网站,符号的种类和数量应该是最全而且最实用的一个
图标
图标之家
- 地址:http://www.icosky.com/
- 说明:中国最大的图标免费下载网站。桌面图标,ICO,PNG图标,网页图标免费下载
Iconduck
- 地址:https://iconduck.com/
- 说明:国外免费开源图标下载
Material Design Icons
- 地址:https://materialdesignicons.com/
- 说明:网页调用方式
mdi-
,例如:mdi-home
。图片上传限制2MB。
免费 Favicon 生成器
- 地址:https://www.websiteplanet.com/zh-hans/webtools/favicon-generator/
- 说明:图片上传限制为5MB,支持格式 JPG,PNG,GIF。网站还支持从免费图库直接选择。该工具由热心网友 isabel mesber 提供,再次表示感谢!
favicon.io
- 地址:https://favicon.io/
- 说明:免费的favicon生成工具,可以把 PNG、文字、emoji 转成 favicon。
Font Awesome
-
说明:网页调用方式
fas fa-
,例如:fas fa-home
-
说明:Argon 主题内置的 Font Awesome 4 图标库。
Font Awesome
- 地址:https://fa5.dashgame.com/
- 说明:图标字体库和CSS框架
色彩搭配
4096 Color Wheel
- 地址:http://www.ficml.org/jemimap/style/color/wheel.html
- 说明:将鼠标悬停在滚轮上可查看颜色。单击以选择
Web
智能颜色。
VisiBone Webmaster’s Color Lab
- 地址:http://www.visibone.com/colorlab/
- 说明:单击左上角的小图标,以获得小型,中型或大型调色板。
Color picking made easy
- 地址:https://colorsupplyyy.com/
- 说明:复制
HEX
代码
中国色
- 地址:http://zhongguose.com/
- 说明:中国传统颜色
pppalette
- 地址:https://fffuel.co/pppalette/
- 说明:在线调色板
logo / icon在线制作
LOGO123
- 地址:https://ai.logo123.com/
- 说明:海量logo在线设计生成器
LOGO神器
- 地址:https://www.logosc.cn/
- 说明:智能LOGO生成器
比特虫
- 地址:https://www.bitbug.net/
- 说明:在线生成favicon.ico图像
Kompresörle İş Gücünü Artır
Thanks for sharing. I read many of your blog posts, cool, your blog is very good. https://accounts.binance.com/ph/register-person?ref=RQUR4BEO