资源库
可直接取用的设计素材，集中在一处：字体配对、渐变、阴影与背景纹理。复制 CSS，或加入你的工具箱一键导出。
精选字体方向
经过重新筛选的开源字体组合，针对真实界面风格而设计。比较字形、了解适用场景，并复制可直接使用的 CSS 或 Tailwind 字体令牌。
共 25 个配对
Refined contrast and graceful proportion lend a quiet luxury to fashion, beauty, and premium editorial work.
Gloock · Manrope
艺术画廊、文化机构与建筑网站
带有独特细节的沉静衬线体，搭配中性无衬线体承载导航与正文。
Considered typography that endures. Every letterform carries tradition while remaining comfortable for long-form reading.
Alegreya · Source Sans 3
长文、书籍、档案与教育内容
标题具有书写节奏，正文则使用适合长时间阅读的人文无衬线体。
Considered typography that endures. Every letterform carries tradition while remaining comfortable for long-form reading.
Yeseva One · Karla
精品酒店、餐饮与复古品牌
带舞台感的展示字体，搭配紧凑友好的无衬线正文。
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Bricolage Grotesque · Albert Sans
创意工作室、设计工具与表现型产品
字形个性鲜明，即使放大和加粗也能保持清晰。
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Archivo Black · Archivo
海报、导视、作品集与强视觉落地页
同一字体家族通过宽度与重量差异形成明确、图形化的层级。
Bright, friendly type for products that keep the experience light without becoming childish.
Dela Gothic One · Nunito Sans
动漫、游戏、青年文化与趣味活动
密度较高的展示字形迅速建立个性，正文依然开放易读。
Long-form reading deserves rhythm and contrast. A serif headline sets the tone; the body face carries the story.
Young Serif · Work Sans
独立出版、艺术书与文化文章
柔和而略带不规则的衬线细节，为编辑页面增加个性。
Long-form reading deserves rhythm and contrast. A serif headline sets the tone; the body face carries the story.
Kalnia · Commissioner
博物馆项目、展览与艺术家作品集
雕塑感端点让短标题更具记忆点，正文则保持信息秩序。
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
Fragment Mono · Albert Sans
开发者工具、文档与技术作品集
克制的等宽体用于标签与标题，更舒适的无衬线体承载正文。
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
Azeret Mono · Public Sans
数据产品、工业界面与系统文档
比常见代码字体更具机械感，正文无衬线体适合高密度信息。
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Unbounded · Manrope
科幻、出行、科技活动与游戏
宽阔几何字形营造电影化未来感，仅用于短句和主标题。
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Bungee · Archivo
街头文化、节庆、体育与强势公告
堆叠式字形像街头招牌，搭配实用无衬线体处理细节。
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Limelight · Karla
装饰艺术、电影、酒店与活动视觉
具有时代特征的几何展示字体，搭配紧凑无衬线体保持实用性。
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Grenze Gotisch · Manrope
哥特、幻想、音乐与暗黑编辑风格
黑体书写感用于短标题，中性正文避免长时间阅读疲劳。
A personal, human touch for invitations, quotes, and brands that want to feel handmade.
Shantell Sans · Atkinson Hyperlegible
插画、工作坊、学习与手作品牌
真实手绘感展示字体，搭配以易读性为核心设计的正文字体。
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Sora · Figtree
SaaS 营销、产品页与金融科技
Sora 方正的几何标题搭配友好紧凑的 Figtree 正文，是产品站的稳妥现代组合。
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Epilogue · Hanken Grotesk
应用营销、初创公司与通用产品站
Epilogue 利落的标题搭配 Hanken Grotesk 温和易读的正文。
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
IBM Plex Sans · IBM Plex Sans
开发者工具、文档与技术型产品
同一超级字族的两种字重，是最稳妥的技术气质表达。
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Syne · Hanken Grotesk
艺术团体、文化活动与表现型落地页
Syne 古怪的展示字重与冷静的无衬线正文形成强烈反差。
Considered typography that endures. Every letterform carries tradition while remaining comfortable for long-form reading.
Libre Caslon Display · Source Sans 3
期刊、学术网站与传统品牌
经典的 Caslon 展示衬线，以中性人文无衬线体收束。
Long-form reading deserves rhythm and contrast. A serif headline sets the tone; the body face carries the story.
Newsreader · Figtree
杂志、长文阅读与现代社论
Newsreader 为屏幕优化的社论衬线搭配紧凑的现代无衬线正文。
Considered typography that endures. Every letterform carries tradition while remaining comfortable for long-form reading.
Spectral · Work Sans
博客、出版物与长文阅读
Spectral 当代衬线用于标题，Work Sans 承载舒适的长文正文。
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Outfit · Figtree
落地页、初创公司与通用营销站
Outfit 匀称的几何标题，是友好又现代的默认之选。
Bright, friendly type for products that keep the experience light without becoming childish.
Gabarito · Hanken Grotesk
消费类应用、青年品牌与趣味活动
Gabarito 圆润有活力的标题搭配干净的无衬线正文。
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
Space Mono · Sora
开发者品牌、黑客松与终端美学
Space Mono 标题搭配 Sora 正文，构成协调的等宽风格系统。