字体，到底会影响哪些

字体，到底会影响哪些

最近使用bootstrap做东西，发现一个问题，同样大小的字，因为类型的不同，会让我的栅格系统乱掉。
糟心，看令人糟心的结果：（明明还有那么大空间，为什么会乱掉）

图中的字体为Helvetica，如果换做微软雅黑，页面就神奇正常了，无语

--自我解惑进行中--
发现我给设定了line-height:3
好吧，问题在于 line-height跟font-family 的关系

--接下来看Helvetica和微软雅黑的关系咯--

--先看line-height是如何计算的--

这时就明白，我的问题在于 字型，字型会影响line-height的计算
行高是指上下文本行的基线间的垂直距离，即图中两条红线间垂直距离

此时的结论，我的错误是line-height和字型的选择 导致，line-height设置少一点就好了

能看到，第一行右边的电话、邮箱分别是数字和字母，所以没被挤下去，如果把这边换成中文，就正确了。。

问题原来在：中英文混杂下，line-height，以及字型了。