用途:为设计项目提供字体选择参考,目标是避开被过度使用的字体(如 Helvetica、Arial、Roboto、Open Sans、Montserrat、Playfair Display、Poppins、Lato),挑选更具辨识度的排版。
主要能力:按风格(Vibe)分类推荐字体,例如编辑/文学风(Newsreader、Lora、EB Garamond、Cormorant、Spectral)、奢华/时尚(Cormorant Garamond、Bodoni Moda、Libre Bodoni、Fraunces)、现代简洁(Space Grotesk、DM Sans、Plus Jakarta Sans、Manrope)、粗犷/冲击(Bricolage Grotesque、League Spartan、Syne、Outfit)、活泼、技术/未来、低调等。并按衬线、无衬线、展示体、等宽体四类给出具体使用场景,例如 Lora 适合正文与博客小字号阅读,EB Garamond 适合长篇阅读,JetBrains Mono 适合代码展示,IBM Plex Mono 适合技术文档。另按人物原型(写作者/编辑、设计师、开发者、策略师、艺术家、奢华/时尚)给出方向。
使用方式:资料给出 Next.js 用法示例,通过 next/font/google 导入字体并使用 variable 设置 CSS 变量,例如 import { Space_Grotesk, Newsreader } from 'next/font/google'。资料说明上述字体均可通过 Google Fonts 免费获取并与 next/font/google 配合使用。
搭配原则:衬线展示体配无衬线正文(或反向),一个主导一个辅助,避免相互竞争注意力;尽量匹配 x-height 以获得视觉和谐;每个站点最多使用 3 种字体。资料还给出推荐组合,如 Instrument Serif + DM Sans、Bricolage Grotesque + Space Grotesk、Space Mono + Inter、Bodoni Moda + Manrope、Fraunces + Work Sans 等。
限制:资料未提供这些字体的授权细节、加载性能、收费模式或跨平台兼容性信息,也未说明具体安装命令;实际可用性与授权请自行核实。