Q1: – 明明是微软雅黑，为什么在 MAC 下却变成了种丑丑的字体？ Q2: – 为什么微软雅黑的字有时候看着怪怪的，大小不一样呢？ Q3: – 为什么相同的页面在不同的系统不同的浏览器下看却是不一样的？ Q4: – 字体渲染到底跟什么有关系？

网页设计中的字体指南

无论你是做网页还是 App 设计，文字内容总是能占到整个版面将近 80% 的区域。因此理解字体与排版对 UI 设计师来说非常关键。你需要始终把内容的可读性放在首位去考虑和权衡你对字体与排版的选择。

实践应用向，干货。

CSS 中的 line-height 属性控制着两行文本之间的空白多少，通常是会设置成一个无单位数值（比如 line-height:1.4），表明其与 font-size 属性所构成的比例。line-height 在排版上是非常重要的一个属性，太低的话，文字的行与行之间会尴尬地挤在一起，太高的话它们又会尴尬地分的太开，无论哪一种都对阅读不利。不过你也许早就知道这一点了。