淘宝详情页面一般用什么字体

题图来自Unsplash，基于CC0协议

导读

你是不是也在研究淘宝详情页到底用什么字体？这的确是一个值得一提的话题。在日常浏览中，凡是从头到尾看过几页详情页之后，凭借字体就大致猜出是什么类目的产品了，是不是感觉挺神奇的？

说到字体的使用频率，其实淘宝上主要还是靠两种字体撑起了90％的内容：宋体和微软雅黑。宋体看着大方稳重大气，特别是在那些大牌和实体产品的页面上，有种挥之不去的"正品感"。字迹端庄，分行清晰，就挺像那些实物产品标签上的字。而微软雅黑嘛，更像是活动页和电商业绩报表中最常用的字体了。它在Windows系统上默认可用，而且笔划之间的细微处理又比宋体更便于水平排列，适合大量的二行式菜单、各种按钮和活动文案。不得不说设计团队是有考虑的。

再往下看，一些黑体类的字体比如思源黑体、苹方，也用得很多，特别是在标题或者品牌日标的时候。黑体这种字体带着一种现代简约之美，适合商品主图下面的一两行核心卖点提炼，节奏感更强。

不过很多人关心官方有没有公布标准字体，说实话吧，淘宝（天猫）官方是不怎么公开讲这些技术规范的，就像阿里巴巴集团对UI设计和字体使用有一套自己的内部标准，但并不会挂到官网什么的让大家学习。如果你在某些页面看到特别暖黄书写的那些字，大概率正好是霞鹜文楷的位置了。这个字体比较柔和，特别适合女装类目，字体的形状也更有人情味。所以字体选择其实既有一套设计规范，也牵涉商业和连续性，不是开放论坛。

跟其他电商平台比，京东的风格明显更干净、稳重和黑白系一些，他们家常常用思源黑体或者一套无衬线字体系统。小米风格的极简视觉，放在京东上一般不会特别出格，因为京东有自己的一套美学规范。

至于移动详页，常见的也不是很统一，不过摸着石头过河，设计师都会根据页面的特点和用户习惯做一些字级的调整。

同一件事，如果你在电脑上把页面放大对比，和在手机上看，字体会有微妙的变化，这和不同平台下的系统字体栈选择有很大关系。有时候选得容易些，有时候又不尽如人意。

最后，也说了用户可调整字体选项这一点，这一点淘宝官网和天猫网站在个人设置里提供了调整网页字体大小的功能，只要进入"设置"选择自己喜欢的模式就好了。当然很多人可能也试过更改浏览器的默认字体，但得说这种更改对页面的显示影响有限，因为淘宝锁定了很多喜欢的字体栈。这背后的原因比较复杂，但是用户还是能感受到字体小了、大了，对阅读体验的影响是真真切切的。如果你看到商品没写明可以放大，那多半这是默认字体的问题了。

事实上，当你发现某个产品详情页上，出现最多的字体往往是宋体、微软雅黑、霞鹜文楷这三样，我会觉得充满意识到了字体在塑造品牌记忆、提升阅读舒适度上扮演的重要角色。字体不是小事，认真做字体的平台，往往是细节体验做得不错的一个标志。