猫啃网
详情页的字体如果按「好看」来挑，很容易走偏。翻详情页的人带着具体问题来：尺码合不合适、材质到底怎样、这个价格值不值。字体要做的事，是让这些问题在几秒内被扫到并且看懂。
详情页选字的判断顺序不是气质，是层级。谁先被看到、谁需要被读懂、谁只是补充说明，三层分清楚，字体自然就定了。
一、详情页的字要过三关
缩略关。 用户从商品列表点进来，先看到的是一屏里被压缩的画面。卖点标题如果笔画细，缩略状态下直接读不出来，这一屏就白排了。
扫读关。 详情页很少被逐字阅读。标题、数字、图标是扫读的着陆点，正文只在用户停下来细看时才承担作用。
截图关。 详情页素材会被拿去做客服话术、社群转发、短视频截图。图里的字要能经得起再压缩一次。
三关的共同要求是一致的：笔画不能细、层级差要够大、数字要清晰。
二、第一层：卖点标题
这一层承担扫读，字号大、字重厚，笔画接近等粗，转折干脆。
庞门正道标题体（免费版）
- 风格与用途：笔画厚实等粗，字面撑得开，缩略状态下轮廓稳定，适合做核心卖点的一行大字。
- 授权类型：作者声明免费商用
- 字体详情：庞门正道标题体（免费版）
优设标题黑
- 风格与用途：笔形利落、字面紧凑，适合做小标题和多行卖点堆叠。
- 授权类型：作者声明免费商用
- 字体详情：优设标题黑
站酷高端黑
- 风格与用途：方头收笔、密度高，适合做带底色的标签式标题和大字横幅。
- 授权类型：作者声明免费商用
- 字体详情：站酷高端黑
排版要点。 标题文案控制在 6 到 14 字，超过就缩短或者拆两行。同屏只用一个标题字重，第二层标题通过字号缩小来区分，不要再换一款粗体。
三、第二层：参数与说明正文
这一层承担读懂，要求是稳、清楚、不抢戏。
思源黑体
- 风格与用途：多字重可搭配，简繁覆盖完整，适合做参数表和说明正文的底子。
- 授权类型：SIL OFL，可商用可修改
- 字体详情：思源黑体
MiSans
- 风格与用途：字形开张、灰度均匀，屏幕阅读舒适，适合手机端的段落正文。
- 授权类型：作者声明免费商用
- 字体详情：MiSans
汇文港黑
- 风格与用途：结构规整、气质偏商务，适合品质类目的说明文案。
- 授权类型：作者声明免费商用
- 字体详情：汇文港黑
字体圈欣意冠黑体
- 风格与用途：笔画匀、字面大，小字号下清晰度不错，适合做参数表。
- 授权类型：作者声明免费商用
- 字体详情：字体圈欣意冠黑体
排版要点。 正文单行控制在 24 到 28 字，行距 1.6 到 1.8 倍。左对齐，不要两端对齐，避免字距被拉开出现空洞。文字颜色用深灰而不是纯黑，长时间阅读不累。
四、第三层：价格与数字
价格数字是详情页里被反复看的一层信息，也是很多设计师会忽略的一层。汉字字体里的数字往往和汉字不是一个设计逻辑，粗细、宽度、字形都容易对不上。
阿里妈妈数黑体
- 风格与用途：数字部分单独设计，宽度统一，价格和销量数据排起来整齐。
- 授权类型：作者声明免费商用
- 字体详情：阿里妈妈数黑体
得意黑
- 风格与用途：整体右倾、笔画粗，适合做促销价这类需要冲击力的数字。
- 授权类型：SIL OFL，可商用可修改
- 字体详情：得意黑
OPPOSans品牌字体
- 风格与用途：数字字形规整，风格克制，适合做参数值和规格数字。
- 授权类型：作者声明免费商用
- 字体详情：OPPOSans品牌字体
排版要点。 数字单独指定字体，不要跟着正文走。价格里的货币符号和小数点缩小一到两号，主数字放大加粗，视觉重心集中在金额本身。同一组数字宽度对齐，避免上下跳动。
五、可读性与转化的实操细节
层级控制在三层以内。 卖点标题、参数正文、数字，再多一层用户就分不清主次。需要强调时优先改颜色和字号，不要新加字体。
深色底反白字要加粗一档。 同样字号下，浅色字会视觉变细。反白标题用笔画更厚的字体，或者把字号加一号。
字不要压在图片的复杂区域上。 产品图上的细节会吃掉文字边缘。要么挪位置，要么加半透明底色块。
详情页首屏只讲一件事。 首屏的标题字是整页的重点，围绕一个核心卖点写，不要让用户看完整屏还不知道商品是什么。
别用超细字体做小字。 16 号以下的字，笔画宽度低于一像素时在手机屏上会断续。小字一律换笔画粗一档的字体。
授权说明
免费商用通常指：可以在商业项目里使用该字体输出图形结果，比如详情页图片、主图、视频素材，一般不包括转卖字体文件、打包分发，或者改名后再发布。
确认授权按三步走：
第一步，确认字体全名。 系列字体常有多个字重和版本，同一款的不同版本授权可能分别声明。「标题体免费版」和「标题体正式版」就是两个不同的授权对象。
第二步，查协议类型。 「作者声明免费商用」的范围由作者声明的正文界定；「SIL OFL」允许修改和再分发，但衍生字体要换名。两类都以正文为准。
第三步，核使用场景。 详情页图片属于图形输出，一般在许可范围内。把字体嵌进商品详情页的 HTML、做成可编辑模板发给供应商时，属于再分发，要单独确认。是否要求署名也在这里看。
留存凭证：字体全名、获取渠道、协议页面截图、获取日期，放在同一个文档里。商家端建议连同外包设计师交付的字体清单一起存档。
如果不想把几十款字体逐个装进系统，可以用这个方式：
- 猫啃网字体管理工具：下载安装后，在客户端里激活想用的字体，PS / AI / Sketch 自动识别，免去装系统的麻烦。猫啃网提供官方下载入口
猫啃网收录 839 款免费中文字体，详情页里标注了协议类型和原始来源，挑字体时可以先按用途筛一遍再核对。
常见问题解答
Q1：详情页正文可以一直用一款字体吗？
可以，而且推荐。正文统一用一款结构规整的黑体，反而是提升可读性的做法。需要区分层级时改字号、字重和颜色，不必换字体。
Q2：价格数字为什么建议单独指定字体？
因为汉字字库里的数字常常是附带设计的，宽度和字形逻辑与汉字不同。单独指定一款数字设计过的字体，价格排列会更整齐，也不会出现小数点位置忽高忽低的情况。
Q3：详情页里用几款字体比较合适？
三层结构配两款字体通常就够：一款粗字重做标题和数字，一款正文用黑体。要加第三款，得先确认它有明确的分工，否则只会让画面变乱。
Q4：图片里的文字会不会有侵权风险？
风险主要来自字体授权，而不是文字本身。用的是免费商用授权字体，输出成图片属于许可范围。要留意的是把字体文件一起打包进模板或发到供应商手上，那属于再分发。
小结
详情页选字的顺序是先分层再挑字。卖点标题要厚、要等粗；参数正文要稳、要清楚；价格数字单独指定字体。
思源黑体、得意黑走开源协议，庞门正道标题体、优设标题黑、站酷高端黑、阿里妈妈数黑体、汇文港黑、字体圈欣意冠黑体、OPPOSans品牌字体、MiSans 走作者声明免费商用。把字体全名、协议类型和使用场景三条记全，换供应商或者扩品线时都不用重新确认一遍。
