快速上手:预览与对比字体
在HeronTool的“字体预览”工具中,输入你的文本(如“设计即沟通”),即可实时查看不同字体的渲染效果。建议同时输入中英文示例,观察字符间距和笔画细节。点击字体卡片可放大对比,利用“添加对比”功能并排显示最多三款字体,快速筛选出最适合的样式。
搭配字体:创建和谐组合
打开“字体搭配”工具,从预设的字体对(如“思源宋体 + 思源黑体”)开始。调整标题与正文字号(建议标题为正文的1.5~2倍),并利用工具提供的对比度评分和示例段落预览整体效果。尝试混合衬线与非衬线字体,但保持风格统一——例如,用无衬线做标题,衬线做正文,形成清晰层次。
生成字号比例:构建排版系统
使用“字号比例”工具,选择基础字号(如16px)和比例(如1.25:1.333),工具会自动生成一组渐进的字号层级(如16, 20, 25, 31px)。复制生成的CSS变量或直接用于设计稿。建议在真实设计稿中测试可读性,调整比例至视觉舒适。
常见问题 (FAQ)
Q: 如何快速对比多款字体?
A: 在“字体预览”中,用“添加对比”功能并排选择,或切换“列表视图”查看。
Q: 字体搭配有万能公式吗?
A: 没有绝对,但遵循“对比中有统一”——如“黑体标题+宋体正文”或同字族不同字重,再微调字号。
Q: 字号比例怎么选?
A: 从1.25(网页)或1.333(印刷)开始,根据内容密度调整,保持层级分明。
文章标签