Appearance
字体资源
收录免费商用字体、中文字体、Web 字体服务及字体选型工具，帮助快速建立项目的字体排版体系。
Web 字体服务
Google Fonts
全球使用最广泛的免费开源字体服务，收录 1,400+ 套字体，支持通过 CDN 直接引入（一行代码），全部字体可免费商用，同时提供中文字体支持。内置字体预览、配对推荐和样式定制功能，是 Web 项目引入自定义字体的最简便方案。
中文字体：思源黑体、思源宋体、ZCOOL 系列等
引入方式：<link> CDN 或 @import CSS
Adobe Fonts
Adobe 旗下的高品质字体服务，收录 20,000+ 套专业字体，订阅 Creative Cloud 后可免费使用全部字体用于商业项目，与 Illustrator、Photoshop、InDesign 无缝集成，同时支持 Web 字体嵌入。
亮点：字体质量高，包含大量知名字体厂商授权，CC 订阅者免费。
Bunny Fonts
Google Fonts 的隐私友好替代方案，提供与 Google Fonts 完全兼容的 API，将字体托管在欧洲服务器并遵守 GDPR 隐私法规，不追踪用户数据，API 调用方式与 Google Fonts 几乎相同，迁移成本极低。
亮点：隐私友好，GDPR 合规，兼容 Google Fonts API。
英文字体
Font Squirrel
专注于免费商用英文字体的平台，所有字体均经过人工审核确认可商用授权，提供 Web 字体格式（WOFF2/WOFF）转换工具，可将自托管字体优化为 Web 性能友好的格式。
亮点：商用授权明确，提供 Web 字体转换工具。
DaFont
超大型字体下载平台，收录 70,000+ 套字体，风格极为丰富（手写、装饰、像素、哥特等），但需注意逐一确认授权协议，部分字体仅限个人使用，商用前需仔细阅读授权说明。
注意：需逐字体核查商用授权。
Fontshare
Indian Type Foundry（ITF）出品的免费高质量字体平台，收录百余套专业级别的英文字体，均可免费用于个人和商业项目，字体设计水准高，视觉质量接近付费字体，是近年的高性价比字体资源。
授权：免费商用
亮点：字体质量接近付费水准，设计感强。
Velvetyne
法国独立字体设计工作室发布的开源字体集合，风格实验性强，设计独特前卫，全部字体采用 SIL OFL 协议免费商用，适合追求独特视觉风格的创意项目。
中文字体
思源黑体 / 思源宋体
Adobe 与 Google 联合发布的开源中文字体，覆盖简体中文、繁体中文、日文、韩文，字形规范，层次丰富（7 种字重），SIL OFL 协议免费商用，是目前品质最高的免费开源中文字体，广泛用于各类正式场景。
字重：ExtraLight / Light / Normal / Regular / Medium / Bold / Heavy
霞鹜文楷
基于开源字体改造的中文楷体，笔画优雅自然，阅读舒适，非常适合作为正文字体，SIL OFL 协议免费商用。在国内技术博客和文档类网站中广受欢迎，有专门的 WebFont CDN 版本方便 Web 直接引用。
适合场景：博客文章正文、文档类网站、阅读型应用。
得意黑
一款中文斜体黑体字体，字形活泼有趣，倾斜设计极具个性，SIL OFL 协议免费商用。适合标题、Slogan、海报设计等需要视觉冲击力的场景，是近年国内设计圈热门的免费中文字体。
适合场景：标题设计、海报、Banner。
阿里巴巴普惠体
阿里巴巴集团发布的免费商用字体，提供 5 种字重，覆盖简体中文、繁体中文、英文、数字及标点符号，字形现代规整，免费授权个人和企业商用，适合界面设计和品牌视觉应用。
授权：免费商用（个人及企业）
站酷系列字体
站酷平台发布的多款风格各异的免费商用中文字体，包括站酷高端黑、站酷庆科黄油体、站酷快乐体等，风格从商务严肃到活泼可爱均有覆盖，均免费商用，适合不同调性的设计场景。
适合场景：封面设计、标题展示字体、品牌活动。
字体选型工具
Font Pair
精心整理的 Google Fonts 字体搭配参考，展示标题字体与正文字体的组合效果，每组搭配均经过设计师验证，直接复制使用，解决"哪种字体与哪种字体搭配好看"的选型难题。
Type Scale
字体比例尺生成工具，选择基础字号和比例（黄金比例、完美四度等），自动生成完整的字体大小阶梯体系（h1～h6、正文、小字等），输出 CSS 自定义属性代码，帮助建立规范、有节奏感的排版系统。
Typ.io
收集真实网站字体搭配方案的平台，展示优秀网站使用的字体组合及样式参数，提供字体名称和 CSS 代码参考，从实际案例中学习字体搭配是提升选型能力的有效方法。
Wordmark.it
本地字体预览工具，在网页端输入品牌名或文字，自动用本地安装的所有字体渲染展示，方便快速对比各字体的视觉效果，省去逐一打开字体软件预览的时间。
字体性能优化
Glyphhanger
Google 推荐的字体子集化工具，可分析页面实际使用的字符，生成仅包含所需字符的精简字体文件，将中文字体从数 MB 压缩到几十 KB，大幅提升 Web 字体加载性能。
中文 Web 字体加载建议
中文字体文件通常达到 5～20MB，直接引用会严重影响页面加载速度，以下是常见优化策略：
- 字体子集化：仅打包页面实际用到的汉字（如博客文章的字符集）
- 使用 CDN：霞鹜文楷等字体有专属 CDN 分发服务（如
lxgw-wenkai-webfontnpm 包） font-display: swap：设置字体加载策略，避免 FOIT（不可见文字闪烁）- 按需加载：仅在标题等少量文字场景使用自定义中文字体，正文使用系统字体