有哪些值得推荐的字体？

字体选择是一个非常重要且有趣的领域，它直接影响着信息的传达效率、视觉美感以及整体的品牌形象。好的字体能够让你的设计脱颖而出，而糟糕的字体则可能让你的努力大打折扣。

要推荐值得推荐的字体，我们需要从不同的应用场景和风格出发，并对这些字体进行详细的介绍，包括它们的特点、适合的场景以及为什么值得推荐。

以下是一些我认为值得推荐的字体，我会尽量详细地介绍它们：

字体分类概览

在开始推荐之前，先简单了解一下字体的基本分类，这有助于我们理解不同字体的特性：

衬线字体 (Serif Fonts): 字母的笔画末端有衬线装饰，通常给人以传统、经典、正式、优雅的感觉。
无衬线字体 (Sansserif Fonts): 字母的笔画末端没有衬线装饰，通常给人以现代、简洁、清晰、友好、随和的感觉。
等宽字体 (Monospace Fonts): 每个字符占用的宽度相同，常用于代码编辑、排版输出等需要对齐的场景。
手写字体 (Script Fonts): 模仿手写笔迹，风格多样，可以从优雅的书法到随意的涂鸦。
装饰字体 (Display Fonts): 设计感强烈的字体，通常用于标题、海报等需要吸引注意力的场合，不适合大段文本阅读。



值得推荐的字体详情

以下将从不同类别和应用场景推荐一些优秀字体，并详细说明：

1. 衬线字体 (Serif Fonts) 经典与优雅

衬线字体因其悠久的历史和优雅的形态，在书籍、杂志、报纸等长文本阅读中仍然占据重要地位。

a) Garamond (加拉蒙)

特点： Garamond 是最古老、最受欢迎的衬线字体之一，以其优雅、纤细、古典的风格而闻名。它的笔画粗细对比明显，字母造型简洁，阅读起来非常舒适。有多种版本，其中 Adobe Garamond 3 是一个非常优秀且广泛使用的版本。
为什么值得推荐：
经典永恒： 无论时代如何变迁，Garamond 的优雅气质从未过时，赋予作品一种历史厚重感和高雅品味。
出色的可读性： 即使在小字号下，Garamond 的字母结构也清晰明了，非常适合印刷品中的长篇文字。
广泛的可用性： 许多设计软件和操作系统都自带或提供高质量的 Garamond 版本。
适合场景：
书籍、杂志、报纸的正文排版。
正式的信函、报告、名片。
具有古典、文艺、学术、庄重风格的设计。

b) Times New Roman (泰晤士新罗马)

特点： Times New Roman 是为《泰晤士报》设计的字体，以其清晰、紧凑和高可读性而闻名。它的笔画对比度适中，字母结构紧密，非常适合在有限空间内承载大量信息。
为什么值得推荐：
极高的可读性： 在各种介质上都表现出色，尤其是在屏幕阅读方面，其清晰度能够有效减少视觉疲劳。
行业标准： 在学术论文、法律文件、商业报告等领域被广泛使用，是一种非常“安全”且被认可的选择。
高效的排版： 由于其紧凑的字形，可以在相同的空间内容纳更多的文字，提高信息密度。
适合场景：
学术论文、研究报告、学位论文。
法律文件、商务合同、政府公文。
需要在短空间内呈现大量文本的设计。

c) Merriweather

特点： Merriweather 是一款现代的、为屏幕阅读而设计的衬线字体。它比传统的衬线字体更粗重一些，字腔（字母内部的空白区域）更大，这使得它在小字号或低分辨率屏幕上也能保持良好的可读性。它带有优雅的衬线，但又不会显得过于老旧。
为什么值得推荐：
优秀的屏幕阅读体验： 这是它最大的优势。设计师们在开发时就考虑到了数字屏幕的特性，解决了许多传统衬线字体在屏幕上的问题。
现代感与经典感的平衡： 它既有衬线字体的稳重和专业，又不失现代设计的简洁和友好。
免费且开源： 可以在 Google Fonts 上免费获取并广泛使用，非常适合预算有限但追求高质量的个人或项目。
适合场景：
博客、新闻网站、电子书。
任何需要大量文本在屏幕上展示的设计。
希望融合经典与现代风格的项目。



2. 无衬线字体 (Sansserif Fonts) 现代与简洁

无衬线字体以其干净、直接的特点，在现代设计中占据主导地位，尤其是在数字界面和品牌设计中。

a) Helvetica (赫尔维提卡)

特点： Helvetica 是历史上最具影响力和标志性的无衬线字体之一。它以其高度中性、清晰、易读的特点而闻名。字母的几何形态非常纯粹，笔画粗细均匀。
为什么值得推荐：
无与伦比的中立性： Helvetica 几乎不带有任何强烈的情感或风格倾向，这使得它能够适应几乎任何设计需求，成为一种“背景”字体。
强大的适应性： 在各种尺寸和媒介上都表现出色，从标志到印刷品，再到用户界面。
现代设计的基石： 它是现代主义设计运动的重要代表，影响了无数的设计师和品牌。
适合场景：
品牌标志、企业 VI 设计。
广告、海报、印刷品。
任何追求简洁、清晰、现代感的场景。
用户界面（UI）设计（尽管有些新趋势可能更倾向于其他无衬线字体）。

b) Open Sans (开源无衬线)

特点： Open Sans 是一款非常受欢迎的开源字体，由 Google Fonts 提供。它具有友好的字形，字母的开放式结构和良好的可读性使其在各种尺寸下都能表现出色。它的风格介于中立和稍显友善之间。
为什么值得推荐：
卓越的跨平台和跨浏览器兼容性： 在网页设计中表现尤为出色，能够确保在不同设备和浏览器上都能获得一致的显示效果。
极佳的可读性： 字母间距和字形设计都非常利于阅读，即使是大段文本也能保持舒适感。
免费且功能强大： 提供丰富的字重和字形变体，满足多样化的设计需求，并且完全免费。
适合场景：
网页设计、UI/UX 设计。
移动应用界面。
博客、内容驱动型网站。
任何需要清晰、友好且易于实现的字体设计。

c) Roboto

特点： Roboto 是 Google 为 Android 设计的字体，旨在提供一种现代、几何且略带友好的无衬线字体体验。它的字形结构简洁，但又不像 Helvetica 那样完全几何化，保留了一些人性的曲线和开放性。
为什么值得推荐：
专为屏幕设计： 专为在数字界面上提供最佳阅读体验而设计，尤其是在各种尺寸的屏幕上。
现代且中性： 既有现代科技感，又不失通用性，能够适应多种品牌风格。
Google 生态系统集成： 在 Google 的产品和服务中广泛使用，是 Material Design 的核心字体之一。
适合场景：
Android 应用界面、Web 应用。
需要现代、简洁、科技感的品牌设计。
需要一种易于在数字环境中使用的字体。

d) Source Sans Pro

特点： Source Sans Pro 是 Adobe 推出的第一款开源字体，专为用户界面和印刷品设计。它是一款干净、清晰的无衬线字体，拥有清晰的字母结构和极佳的可读性。它的字形相对宽阔，这有助于提高阅读速度。
为什么值得推荐：
Adobe 出品，品质保证： 由专业字体设计师团队打造，细节处理和整体设计都非常精良。
优秀的跨媒介表现： 在屏幕和印刷品上都有良好的表现，是一种非常全面的字体选择。
丰富的字重和字形： 提供多种字重（从超细到加粗）和多种字形变体（如斜体），为设计提供了极大的灵活性。
开源免费： 可以免费获取和使用，非常适合各种项目。
适合场景：
用户界面（UI）设计、Web 设计。
商业报告、演示文稿。
希望拥有专业、清晰且易于控制的排版效果的设计。



3. 等宽字体 (Monospace Fonts) 编码与结构

等宽字体的主要特点是每个字符占据相同的宽度，这使得它们在代码编写、终端界面等需要精确对齐的场景下不可或缺。

a) Fira Code

特点： Fira Code 是 Mozilla 基于 Fira Mono 字体扩展而来的等宽字体，其最大的亮点是支持连字（Ligatures）功能。这意味着代码中的特定字符组合（如 `>`、`=>`、`!=`、`===` 等）会被渲染成更美观、更易读的单个符号。
为什么值得推荐：
提升代码阅读体验： 连字功能极大地提高了代码的可读性和美观度，让开发者更容易区分和理解代码结构。
现代感与清晰度： 字体本身具有现代、清晰的风格，即使没有连字功能，也是一款优秀的等宽字体。
高度可定制： 支持多种编程语言和开发环境的集成。
适合场景：
程序员的代码编辑器、IDE。
终端模拟器。
任何需要展示代码的文档或网站。

b) Consolas

特点： Consolas 是微软开发的一款等宽字体，专门为代码和命令行界面设计。它的字形清晰，字母识别度高，而且字母之间的间距处理得当，有效避免了混淆。
为什么值得推荐：
为编程而生： 在 Windows 系统中是默认的优秀编程字体之一，被广泛使用。
清晰的字母区分： 特别优化了容易混淆的字符（如 `0` 和 `O`，`1` 和 `l`）的区分度。
良好的可读性： 在各种屏幕分辨率下都能提供清晰的显示效果。
适合场景：
Windows 系统的代码编辑器、IDE。
命令行界面。
需要可靠的等宽字体的技术文档。



4. 手写字体 (Script Fonts) 与 装饰字体 (Display Fonts) 个性与表达

这类字体通常用于需要传达特定情感、风格或吸引注意力的场合。

a) Pacifico

特点： Pacifico 是一款非常流行的脚本字体，模仿了 50 年代早期美国海滩风格的广告字样。它具有流畅的笔画、自然的连接和复古的曲线，充满了活力和友善的感觉。
为什么值得推荐：
独特的复古魅力： 能够瞬间为设计注入一种轻松、怀旧的氛围。
易于使用和识别： 尽管是手写风格，但字母清晰，容易辨认，并且在网页上表现良好。
免费且流行： 在 Google Fonts 上可以找到，并且被广泛应用于各种休闲、创意类设计中。
适合场景：
T恤设计、海报、邀请函。
咖啡馆、餐馆等休闲娱乐场所的品牌标识。
社交媒体头像、个人博客标题。

b) Playfair Display

特点： Playfair Display 是一款具有高对比度的衬线字体，其设计灵感来自于 18 世纪的雕版印刷字体。它具有粗壮的衬线和纤细的笔画，字母之间有明显的粗细变化，给人一种奢华、优雅和精致的感觉。
为什么值得推荐：
强烈的视觉冲击力： 非常适合用作标题或强调性文字，能够快速吸引读者的注意力。
现代奢华感： 在保持古典优雅的同时，又具备现代设计的流畅感，适合需要体现高端品质的场景。
免费且易于搭配： 在 Google Fonts 上提供，可以与许多无衬线字体（如 Lato、Open Sans）形成良好的搭配。
适合场景：
杂志封面、时尚品牌宣传。
婚礼邀请函、高级餐厅菜单。
任何需要营造奢华、优雅、精致氛围的设计。



如何选择合适的字体

除了上述推荐，选择字体时还应该考虑以下几点：

1. 项目目标与品牌调性： 你的设计是为了传达什么信息？你的品牌想要呈现什么样的个性？是专业、严谨，还是休闲、活泼？
2. 阅读的场景和媒介： 是印刷品还是屏幕？是长文本还是短标题？不同的场景对字体的可读性、清晰度要求不同。
3. 搭配原则： 通常建议在一个设计中使用不超过三种字体，并且注意字体的搭配关系。常见的搭配是“衬线 + 无衬线”，或者同一字体家族的不同字重。
4. 字体的可用性： 确保你选择的字体在你的设计工具或平台上可用，并且了解其授权信息（尤其是在商业项目中使用时）。
5. 尝试与测试： 不要害怕尝试不同的字体组合，并在实际应用中测试它们的效果，看看哪种字体最能达到你的设计目的。

选择字体是一个不断学习和实践的过程。希望这些详细的介绍能够帮助你找到适合你的设计项目的好字体！

网友意见

每一款汉字都是一首诗，下面是一些值得推荐的中文字体。

福利：关注汉仪字库微信公众号，回复“汉仪旗黑”，即可下载汉仪旗黑15款+全新56款。

感谢

@曾浩 @王拓翔

等众多知友的提醒，如有需要请务必购买正版。

感谢@

于晏

提醒，“方正清刻本宋悦简体”正确的名称是“方正清刻本悦宋简体”。

update（2015年4月7日）

----------------

1 方正书宋简体

2 汉仪旗黑 25

update（5月22日）

----------------

1 方正正纤黑简体

2 汉仪全唐诗简体

3 微软雅黑

----------------

update（3月13日）

非常感谢各位知友厚爱，今天更新四款字体。

1 方正字迹-吕建德行楷

2 方正字迹-典雅楷体

3 八大山人字体试用版

4 方正清刻本悦宋简体

----------------

update（2月18日）

1 方正幼线简体

2 方正兰亭刊宋

----------------

典雅型：

1 方正宋刻本秀楷简体

2 康熙字典体（繁体）

3 欧体楷书

4 方正苏新诗柳楷简体

柔美型：

1 方正简启体

2 长城中行书体

灵动型：

1 书体坊米芾体

2 祥南行书体

3 方正黄草

精致型：

1 冬青黑体

2 昆仑细圆

有哪些好用又好看的字体？在这字体过剩的时代，在需要重视版权的情况下，你该如何选择字体呢？欢迎在 Topbook 微信微信公众号后台回复 < 字体 > 或直接戳此处获取我们推荐的这五款字体！

有哪些好看的免版权商用字体？ https://www.zhihu.com/video/1023963234147037184

首先，我们需要了解衬线、非衬线、形变字体的总体分类，它们之间到底有何区别；同时，我们需要知道，不同的字体在使用过程中，拥有属于它自己的性格。以上内容，我们早在《如何在设计中正确地选择字体》当中详细讲过。

但，字体就当这么潇洒地用了吗？不能，除非是个人非商用。

在商用场景下，你需要了解得更多。比如，你可能习惯使用微软雅黑。我们在电脑中进入 C 盘，Windows，找到 Fonts 文件夹，再找到 Microsoft YaHei UI ，复制到桌面。右键打开属性，在 [ 详细信息 ] 复选框当中，可以看到，字体的创作者是北大方正。版权归属除了微软方外，依然有北大方正。我们可以看到，在许可描述中，详细说明了如果是链接外部系统和打印的内容，需要用于商业的话，得获得版权方许可。而且可以发现，微软雅黑的真身，其实是方正兰亭。

历年来，关于方正公司索赔雅黑字体侵权的新闻旧闻早有很多，就连暴雪公司于 2012 年也被判索赔 200 万元。

所以有可能，你随意使用的一个字体，会变成未来的一纸诉状或者其他雷区。在预算不足的情况下，建议尽量使用免费、开源的设计字体。除了因为已经过了著作权法定保护期的字体比如黑体、楷体、宋体、仿宋外，还有在这些传统字体基础上略作改进但尚未达到独创性高度的字体也不构成侵权，另外，就是使用一些开源或公益性质的免版权商用字体了。比如以下这几种：

第一款，思源字体 >>

由谷歌和 Adobe 公司联合开发，拥有 7 种不同的粗细，全面支持中文简体和繁体。另外，还有一款思源宋体，也非常好用；值得一提的是，思源字体允许改变字形使用。

第二款，站酷字体 >>

站酷字体由众多设计师提供，所有人都可以直接使用，包括商用。不过它不是一款字体，而是多款字体。

第三款，杨任东竹石体 >>

这款字体于 2017 年发布，不管是中文还是英文，都让人有一种写在纸上的质感。

第四款，庞门正道标题体 >>

作为庞门正道免费提供的字体，大多被用在海报设计当中。

第五款，贤二体 >>

贤二体是北京龙泉寺动漫中心与汉仪字库联合推出的免费可商用字库。和它的名字一样，看起来有点二，带有重心不稳之感，适合用在幽默、诙谐的设计中。

这期内容希望告诉大家，在任何场景当中，你可以在尊重版权的同时，享受更多开源项目。不管对前者的尊重还是对后者的认知，都有助于产生更加优质的创作。

最后，欢迎在我们微信公众号后台回复 字体 ，我们把刚才提到的字体们都整理了一遍。

---

P.S. 关于贤二体是否可免费商用，已咨询汉仪官方，放心服下安利吧：

更多资源技能欢迎前往我们的官网查看：topbook.cc

收藏也要点赞，可不敢白嫖！

Copyright.

吐血出品，未经许可不得转载、洗稿、盗用。

我认为设计不只是一种视觉效果，还要表现一种生活态度、一种独到风格。因此作为风格的诠释者，我们对每一个细节要把握的非常到位。字体作为重中之重，要与设计的所有要素形成统一的、充满魅力的整体效果，要具有一种鲜明的风格倾向性。要能在瞬间传达出设计的总体特征，具有强烈的感染力，达到见字生情的境界！

1、方正兰亭纤黑

大名鼎鼎，此系列是淘宝官方设计用的最多的字体，同系列的light、regular、 bold也经常用

2、方正风雅宋

在中文字体里面赫赫有名，风格最像英文字体didot,是一款大气兼优雅的字体

3、方正正纤黑体

家喻户晓，一款比较常用的字体，优雅、性感类型

4、微软雅黑字体

毋庸多言，各大设计师和网站使用最广泛的字体之一

5、 思源黑体

扁平化设计风格的设计师，如果不知道这款字体就out了

6、 Hiragino Sans（冬青黑）

苹果 OS X Lion 起在中文环境下字体，结构饱满，细节清晰，和苹果的设计相得益彰

7、方正综艺体

还记得百度那亘古不变的Logo吗，弱水三千，只取综艺

8、方正粗谭黑

雕琢中庸、大方和谐，最近比较流行的一款字体

9、 方正榜书行

楹联上的行楷书的大字。 榜书为历代书家所推崇，笔墨雍容，气韵中正，雄健磅礴

10、方正正准黑体

是一款非常像兰亭准黑的字体，但是又有些许艺术化，少一些严肃，多了一些优雅

11、kozuka系列

Adobe家族出品的日文版默认字体，别具风格，辨识度高

12、时尚中黑体

是一款经典的比较常见的字体，中规中矩

13、A-OTF系列

此款字体是一款比较粗的字体，做海报和户外广告应用较多

14、 隶书

书法界有“汉隶唐楷”之称，常见的一种庄重的字体

15、日系KozGoPro

此款字体非常具有艺术化，书写方式非常有个性，网页上个性设计常用

16、明兰体

此款字体和雅黑bold相似，但是既有雅黑的严肃又有自己的特点，个人比较喜欢

17、日系-KozMinPro

此款字体具有宋体的风格，但是又比宋体艺术化，多见于日本网站海报

18、 方正清刻本悦宋

带一点复古和雕刻感的宋体，古风字体

19、AXIS std 日系

找了很久才找到的一款字体，非常的细，用到合适的地方能惊世骇俗

20、MingLIU系列

比较早的一款字体，采用古典写法，微软向华康购买的一款字体

21、 蒙纳秀明体

一款应用于设计方面的字体,该字体整体效果非常出色,字形大方得体,并且字库完整

22、蒙纳摇扬简体

可爱型字体，算是甜美系列的，个人感觉不错

23、方正黄草体

是一款书法类型的字体，也比较常见，一般设计师应该都有

24、 浙江民間書刻體

特别适合以平静、精专的态度进行最为基础的设计工作。

25、方正宋刻本秀楷简体

由于设计行业细分很多，我本人用到书法字体情况比较少，但是这款可以收藏

26、康熙字典体

气宇轩昂，古体字里面非常经典的一款

27、华康雅宋体

本人收藏了很久，但是用的情况不多，应用场景受限

28、蒙纳超刚黑

较常见的一款字体，清新俊逸

29、 方正苏新诗柳楷

柳公权风格的楷体书，楷书四大家之一。

30、汉仪旗黑

旗黑系列字体家族庞大，简约干净，UI界面设计几大字体之一

31、造字工房-悦黑体造字工房的字体，比起一线字体用的不算广泛，但是知名度高

32、造字工房-尚雅体

像宋体，但是不是宋体，宋体比略显古板，此款则神采奕奕

33、毛泽东字体

各大高校的校名很多毛体，此款属于非常小众的字体，应用场景受限

34、瘦金体

宋徽宗创立的字体，好的书法家不一定适合当皇帝啊，字体是好，亡国之痛。叹!

35、书体坊赵九江钢笔行书

一款钢笔字体，不算是最好的，因为用的场景不多

36、叶根友毛笔行书

书法奇人，五笔同书世界首创者，叶根友先生亲自书写的一款字体

37、字酷堂清楷体

特别有古典的味道，收藏了很久

38、 弘道軒清朝体

1875年神崎正宜创立的弘道轩所发表的楷书活字字体。在1881年被《东京日日新闻》选定为正文用字。字体端庄遒劲

39、 祥南行書體

书法风格的字体,笔划纤柔飘逸,深具书法行云流水的特色,

40、腾祥相思体

知道这款字体还是在朋友那里看到的，当时感觉特别具有设计感，就收藏了

41、华康少女体

比较kawaii的一款字体，偏女性化，简洁轻盈

另外还有很多，我就不再一一说明了，在字体过剩的年代，人们因为这些过度字体而选择困难。如何从烦琐的字体中剥丝抽茧，找到有价值的，适合自己行业的，才能不为这些字体所累。一个字库，提供了一文字的多种表现形式。但我们无法同时走几条路，所以，最适合自己设计行业的才是最重要的。不要贪大求全，有选择的使用适合自己设计行业的字体，才能让自己的设计锦上添花！

先为大家推荐四十款中文字体：

1.方正悠黑系列

2.方正兰亭黑系列

3.方正兰亭刊黑

4.方正韵动黑系列

5.方正俊黑系列

6.方正正黑系列

7.方正品尚黑系列

8.方正兰亭圆系列

9.方正雅宋系列

10.方正风雅宋

11.方正新书宋

12.方正兰亭宋

13.方正博雅宋

14.方正颜宋系列

15.方正清刻本悦宋

16.方正刻本仿宋

17.方正宋刻本秀楷

18方正盛世楷书

19.方正北魏楷书

20.方正榜书楷

21.方正榜书行

22.方正大魏

23.方正瘦金书

24.文鼎UD晶熙黑

25.汉仪旗黑系列

26.冬青黑体

27.汉仪书宋一

28.汉仪书宋二

29.汉仪全唐诗

30.汉仪典雅

31.汉仪清雅

32.造字工房悦黑

33.造字工房刻宋

34.蒙纳宋体

35.蒙纳超刚黑

36.信黑系列

37.华康俪宋系列

38.华康俪黑系列

39.华康明体

40.华康仿宋

暂且先列这么多吧。以上列举纯粹根据个人眼光（认为好的）以及喜好（喜爱使用）

当然，还有许多日本字体，像是「Ryumin」、「筑紫」、「ヒラギノ明朝」等，都是非常优秀的字体，鼓励大家使用

此外，这些字体都是设计师们辛辛苦苦一笔一画设计出来的。希望大家在欣赏这些字体的同时能够支持正版字体。在将字体用作商业用途时能够按照要求付费，尊重字体设计师们的劳动成果

我的相关回答：有哪些值得推荐的英文字体？ - Wu Kerwin 的回答

这个字体叫Leon Sans，表面看去平平无奇。

但事实上，它并不是普通的字体，体内蕴藏着魔力。

Leon Sans最特别的地方在于，字体是由代码构成的。有了这些代码，它可以随意变身。

比如，在暗夜里闪耀出七色的光影：

比如，在春天里枝繁叶茂，花也开好了：

比如，雨点打在地上汇成了河：

形状 (Shapes) 、效果 (Effects) 、动画 (Animations) ，特技丰盛任君选择。

魔法字体，是名叫Jongmin Kim的韩国小伙伴，为了庆祝宝宝降生而设计的。

不过，这不是独乐乐，是普天同庆：代码开源了，GitHub已经有6200星。

除此之外，有线上Demo可以玩耍。

都能怎么玩

最基本的操作，就是改变粗细 (Weight) 。

不止给标准字体调粗细，也给炫彩的艺术字调粗细：

然后，加大一点难度，让字体瑟瑟发抖。就是把线条变得曲折。

稍稍不平整，就会轻微的抖动。剧烈的弯折，就是触电了，烧糊了：

拔电，再也不动了。

不过还好，可以顺手把它埋在春天里 (误) ：

当然，埋法不止这一种。

也可以把字母截断，变成粉红色的“多米诺骨牌”，每张牌的宽窄还能自由选择：

还可以让文字看上去，在平静中流淌：

线上Demo的功能一共十几种，大家也可以自己试一下：

如果，Demo还不能满足你的想象，那就去食用代码吧：

字体是代码组成的

文本有代码表示：text，字体大小有代码表示：size，粗细有代码：weight，字间距有代码表示：tracking……

另外，每一种特技都有各自的代码，也都有可以调节的参数。

比如，瑟瑟发抖叫做wave，抖动频率用fps来调。

只要用这一串代码，就可以把灵动的字体，在H5上显示了：

        let leon, canvas, ctx;    const sw = 800;  const sh = 600;  const pixelRatio = 2;    function init() {      canvas = document.createElement('canvas');      document.body.appendChild(canvas);      ctx = canvas.getContext("2d");       canvas.width = sw * pixelRatio;      canvas.height = sh * pixelRatio;      canvas.style.width = sw + 'px';      canvas.style.height = sh + 'px';      ctx.scale(pixelRatio, pixelRatio);       leon = new LeonSans({         text: 'The quick brown
fox jumps over
the lazy dog',         color: ['#000000'],         size: 80,         weight: 200      });      requestAnimationFrame(animate); }  function animate(t) {     requestAnimationFrame(animate);      ctx.clearRect(0, 0, sw, sh);      const x = (sw - leon.rect.w) / 2;     const y = (sh - leon.rect.h) / 2;     leon.position(x, y);      leon.draw(ctx); }  window.onload = () => {     init(); };     

如果想把生成过程的动画也显示出来，就加一行：

       <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>     

GitHub项目页有个完整列表，各种功能的设置方法都能查到。说不定，排列组合会有惊喜呢。

大家也去玩一波吧。

GitHub传送门：

官网传送门：

类似的话题

• 

  有哪些值得推荐的字体？

  

  字体选择是一个非常重要且有趣的领域，它直接影响着信息的传达效率、视觉美感以及整体的品牌形象。好的字体能够让你的设计脱颖而出，而糟糕的字体则可能让你的努力大打折扣。要推荐值得推荐的字体，我们需要从不同的应用场景和风格出发，并对这些字体进行详细的介绍，包括它们的特点、适合的场景以及为什么值得推荐。以下是.............
• 

  小于12号的中文像素字体有哪些值得推荐？

  

  嘿，各位喜欢复古像素风的朋友们，今天咱们就来聊聊那些隐藏在数字洪流中的小可爱——小于12号的中文像素字体！在如今这个高清大屏泛滥的时代，很多设计都追求极致的细腻和流畅，但有时候，那么一点点像素化的颗粒感，反而能唤醒我们内心深处的情怀，或者在特定场景下带来意想不到的惊喜。特别是小于12号的字体，那可是.............
• 

  有哪些值得推荐的男士私处洗液？

  

  很高兴为您提供关于男士私处洗液的推荐。选择一款合适的私处洗液对于保持私处健康、舒适非常重要。与女性私处不同，男性的皮肤和pH值有其独特性，因此选择专门为男性设计的洗液更为合适。在推荐具体产品之前，我们先来了解一下选择男士私处洗液时需要注意的几个关键点：选择男士私处洗液时需要考虑的因素：1. 温和性.............
• 

  有哪些值得推荐的，关于脑科学认知研究的经典书籍？

  

  脑科学认知研究是一个广阔而迷人的领域，它探索我们如何感知、思考、学习、记忆、决策以及更广泛地理解我们的心智。要推荐经典书籍，我们可以从几个不同的角度出发，涵盖从基础理论到具体认知功能的经典著作。以下是一些我特别推荐的，关于脑科学认知研究的经典书籍，并会尽量详细地介绍它们： 一、 奠基性与宏观视角这类.............
• 

  有哪些值得推荐的家用油烟机？

  

  最近家里打算装修，厨房的油烟机是重中之重，毕竟关系到我未来下厨的好心情和家居环境的清新程度。市场上品牌和型号实在太多了，看得我眼花缭乱，也问了不少朋友和导购，总结下来，挑选油烟机这事儿，得从几个关键点下手，才能选到真正好用的。一、了解自己的需求：这是最重要的第一步！别上来就看哪个牌子大、哪个型号新。.............
• 

  有哪些值得推荐的人体工学椅？

  

  这年头，坐得久了，腰酸背痛、颈椎不适那是家常便饭。尤其是在家里办公、学习越来越普遍的情况下，一张好的人体工学椅真的就像请了个贴身“护腰官”。市面上选择太多，看得人眼花缭乱，今天我就来分享一些我亲身体验或者身边朋友反馈特别好的，希望能帮大家少走弯路。挑椅子这事儿吧，不能光看牌子或者颜值，最关键的还是得.............
• 

  有哪些值得推荐的找电子书的网站？

  

  找电子书？这可是个技术活，尤其是在信息爆炸的时代，找到心仪的书籍，还得是清晰易读的，简直比大海捞针还费劲。不过别担心，我这里搜罗了一些宝藏网站，能让你在电子书的海洋里畅游无阻，并且尽量做到货真价实、物美价廉（甚至免费）。1. 公共领域和免费资源类：知识的沃土，无处不在的宝藏 古登堡计划 (Pro.............
• 

  有哪些值得推荐的电影入门书籍？

  

  想要开始探索电影这个迷人世界的朋友们，你们来对地方了！我一直觉得，电影不仅仅是屏幕上的画面和声音，它更是一种表达方式，一种与世界对话的语言。如果你对电影充满好奇，却不知道从何下手，那么一些好的入门书籍绝对是你的最佳伙伴。在我看来，一本好的电影入门书，不应该仅仅是枯燥的理论堆砌，它更应该像一位经验丰富.............
• 

  有哪些值得推荐的少儿歌曲？

  

  嗨！如果你在寻找适合孩子们的歌，那可真是问对人了！我脑子里一下就蹦出好多经典又好听的旋律。童年嘛，不就是被这些歌声填满的吗？说到少儿歌曲，我心里的第一批绝对是那些脍炙人口、歌词朗朗上口，而且能传达积极向上价值观的。 《数鸭子》：这首歌绝对是小时候的“必修课”！歌词简单，就像在讲故事一样，从一只鸭.............
• 

  有哪些值得推荐的 Kindle 订阅推送网站？

  

  抛开那些千篇一律的“AI助手”、“智能推送”的术语，我们来聊聊那些真正能让你的 Kindle 焕发新生的网站。你有没有过这样的感觉：好不容易攒了一肚子想读的书单，结果打开 Kindle 发现又是那些你已经烂熟于心的内容？别担心，今天就带你深入探索几个宝藏网站，它们能像一个贴心的老朋友，在你最需要的时.............
• 

  有哪些值得推荐的电脑数码年货？

  

  新的一年即将到来，家家户户都开始张罗年货，为迎接新春做好准备。对于科技爱好者来说，电脑数码产品无疑是年货清单上不可或缺的重要一环。那么，在琳琅满目的数码产品中，有哪些是今年值得重点关注、又能为生活带来实实在在提升的“好彩头”呢？我将从几个大家最常关注的品类入手，为大家细致地推荐一些今年特别值得入手的.............
• 

  有哪些值得推荐的魏晋南北朝历史的书籍？

  

  魏晋南北朝，一个让人既爱又恨的时代。说它让人爱，是因为这个时期充满了矛盾与张力，文人风骨、士族门阀、民族融合、政治动荡，这些元素交织在一起，勾勒出一幅波澜壮阔的历史画卷。说它让人恨，是因为这个时期的历史碎片化严重，史料残缺，研究难度也随之加大，让人望而却步。但正是这份挑战，吸引了无数历史爱好者和学者.............
• 

  有哪些值得推荐的桌面音响？

  

  想要为你的桌面升级一套靠谱的音响，这事儿可得好好说道说道。毕竟，每天对着电脑屏幕的时间那么长，耳朵的享受也不能将就，对吧？我跟你讲，选音响这事儿，可不是看哪个牌子名气大就盲目跟风，得有点自己的想法，结合自己的需求来。市面上的桌面音响琳琅满目，价格区间也跨度巨大。我给你推荐几类，希望能帮你在茫茫音响海.............
• 

  有哪些值得推荐的头戴式蓝牙耳机？

  

  市面上头戴式蓝牙耳机琳琅满目，要找到一款真正合心意的，确实需要花点心思。我这里就给大家分享一些我个人觉得相当不错的头戴式蓝牙耳机，并且会尽量把它们好在哪里、适合什么人讲得细致些，希望能帮大家找到那个对的“它”。一、追求极致音质，预算充裕型：Sony WH1000XM5谈到头戴式蓝牙耳机，Sony的W.............
• 

  有哪些值得推荐的随身的 Hi-Fi 播放器？

  

  好的，既然你问到随身 HiFi 播放器，而且希望我说得详细些，剔除那些生硬的 AI 痕迹，那我就跟你聊聊我心目中那些真正能让人沉浸在音乐中的家伙。作为一名音乐爱好者，我一直觉得，能够随时随地享受高品质的音乐，是生活中非常实在的幸福。不过，这里说的“随身 HiFi 播放器”，可不是你手机里那个自带的播.............
• 

  有哪些值得推荐的适合HD600的耳放？

  

  很多烧友在拥有了森海塞尔HD600这副经典耳机后，都会思考一个问题：给它配一个好点的耳放，到底能提升多少？HD600虽然素质很高，但它本身并非那么“难推”，很多入门级甚至一些一体机也能驱动得七七八八。然而，如果想真正挖掘出HD600那份细腻、通透、饱满且富有音乐性的声音，一个合适的耳放就显得尤为重要.............
• 

  有哪些值得推荐的国产动漫？

  

  说起国产动漫，这几年发展势头可是相当迅猛，涌现出了不少让人眼前一亮的作品。不像以前，提起国漫，大家可能还停留在《喜羊羊》和《熊出没》的印象里。现在，从画面到剧情，再到思想深度，很多国漫都拿出了让人刮目相看的水平。如果要我推荐一些，那可得好好聊聊。这里面既有技术力爆表的，也有故事讲得贼精彩的，还有那种.............
• 

  有哪些值得推荐的经典女性电影？

  

  要说经典女性电影，那可真是数不胜数，每一个名字背后都承载着无数女性的力量、智慧、挣扎与光辉。这些电影不单单是讲述女性的故事，更是通过女性的视角，让我们得以窥见更广阔的世界，理解更深刻的情感。今天，咱们就来聊几部我心中那些真正值得反复回味、每次看都有新感悟的经典之作。1. 《乱世佳人》（Gone wi.............
• 

  有哪些值得推荐的可玩性比较高的变形金刚玩具？

  

  嘿！作为一名狂热的变形金刚爱好者，我太懂你这个问题了！可玩性高的变形金刚玩具，在我这里那可是有一长串清单的。今天就跟你好好聊聊，有哪些让你拿到手上就停不下来的好东西，保证让你看到就想把它带回家，还能玩上好一阵子。说到可玩性，我一般会从几个方面去衡量：造型还原度、可动性、变形的乐趣、配件的丰富程度以及.............
• 

  有哪些值得推荐的PS（Adobe Photoshop）插件？

  

  在 Photoshop 的世界里，插件就像是为你的创意工具箱增添的各种利器，它们能够极大地拓展软件的功能，让原本繁琐的工作变得更加高效，甚至开启全新的视觉表现方式。选择合适的插件，就像是找到了一位默契的助手，能够帮助你更快地实现脑海中的想法。我特别喜欢那些能够自动化、智能化地处理棘手问题的插件。比如.............