同一个标签，同样的样式，为什么有的字看起来更大

Question

如题，在这个标签内<div class="noresult-tips">请重新输入人员名称</div>，在同事的电脑上看，“重”字显得比别的字大。高出一个头，这是什么原因，是字体的原因吗？如果是，一般该怎样设置才可以避免类似的问题？

Answer 1

看你的 font-family 定义的，一般情况是都是一堆，然后系统会按顺序去找一个 本地电脑存在的 字体进行渲染

如果想字体统一，就设置成一个，但你要确保这个电脑有这个字体。

或者就是网络字体，或者就是 工程里带上字体。

字体文件都会很大。

Answer 2

你试试把那个位置的字体字号加或者减1px

Answer 3

1: 因为你没有设置 一个固定的字体
2: 电脑会去找电脑自己的字体去展示你的文字
3: 说实话无伤大雅, 但如果非要同意的话, 让ui给你出字体文件, 这个不是前端管的了, 咱们只管给啥用啥

Answer 4

设置font-family试试，可能两台机器上的字体库不一致导致的。

Answer 5

我在网页上看也高一头 ...

看了一眼，SegmentFault 用的字体是微软雅黑，14px 。

试了下 13px 15px 都没事。

同样的文字，拷贝进 Word ，微软雅黑，字号 小六 或者 6.5 有同样的现象。

所以，搞不好是字体本身可能有点问题 ....