背景

两个不同的项目，需要把头部的样式固定一致。 给出体验版后，ui发现nav距离顶部的数值在两个项目中不一致。 苦思良久，最后发现是font-family问题。

效果体验

发现两个开源的文字距离顶部的距离不一致，后面开源的文字有点偏下。

查找步骤

1. 检查line-height，发现是一致的，都是21px。
2. 样式检查，也么发现问题。
3. 突然想对比两个文字的computed样式，然后一一对比，最后发现竟然是font-family影响了vertical-align。

总结

1. 样式问题可以直接看computed，一一对比，可以快速发现问题。
2. PingFangSC-Regular, "PingFang SC", sans-serif这个样式会导致字体偏下。