字体，本质上是字符集和图形的一种映射关系。
字体图标技术就是把通常的字符映射成为另外的图标形状，虽然我们眼睛看到的是个图标，但是实际上它本质上就是一个普通的字符。
text-indent对文本进行缩进控制
text-indent 的百分比值是相对于当前元素的“包含块”计算的，而不是当前元素
text-indent 仅对第一行内联盒子内容有效。
非替换元素以外的 display 计算值为 inline 的内联元素设置 text-indent 值无效，如果计算值是 inline-block/inline-table 则会生效。因此，如果父级块状元素设置了 text-indent 属性值，子 inline-block/inline-table 需要设置 text-indent:0重置。
<input>标签按钮 text-indent 值无效。
<button>标签按钮 text-indent 值有效，但是存在兼容性差异，IE 浏览器理解为单标签，百分比值按照容器计算，而 Chrome 和 Firefox 浏览器标签内还有其他 Shadow DOM 元素，因此百分比值是按照自身的尺寸计算的。
<input>和<textarea>输入框的 text-indent 在低版本 IE 浏览器下有兼容问题。
letter-spacing用来控制字符之间的间距
letter-spocing 具有以下一些特性
1.继承性
2.默认值是 normal 而不是 0
3.支持负值，且值足够大的时候，会让字符形成重叠，甚至反向排列
4.和 text-indent 属性一样，无论值多大或多小，第一行一定会保留至少一个字符
5.支持小数值，即使 0.1px 也是支持的
6.暂不支持百分比值
word-spacing设置单词间距
特性：
1.都具有继承性。
2.默认值都是 normal 而不是 0
3.都支持负值，都可以让字符重叠，但是对于 inline-block 和 inline-table 元素却存在兼容性差异，Chrome 浏览器下可以重叠，IE 和 Firefox 浏览器下则再大的负值也不会重叠，因此不适合使用 word-spacing 来清除空白间隙
4.都支持小数值
5.不支持百分比值
word-break和 word-wrap
word-break:break-all 的作用是所有的都换行
word-wrap:break-word如果这一行文字有可以换行的点，如空格或 CJK（中文/日文/韩文）之类的，就不打英文单词或字符的主意了，在这些换行点换行