css中font 连写 |css3 中西字体等高

转发css失效，css思源字体下载，css长单词不换行，css不可拖动网页图片，vue css文件放在哪里，如何创建嵌入式css，css3 中西字体等高 css中font 连写 |css3 中西字体等高

font: font-style font-variant font-weight font-size/line-height font-family;

从上到下，font 连写包含五个部分，它们分别是：

font-style：字体风格，取值为 normal（普通样式）、italic（斜体）和 oblique（倾斜）；
font-variant：字体修饰符，取值为 normal（普通样式）和 small-caps（小型大写字母）；
font-weight：字体粗细，取值为 normal（普通粗细）、bold（粗体）、bolder（加粗）、lighter（细体）和 100-900（数值粗细）；
font-size/line-height：字体大小和行高，可以用斜杠隔开，也可以分别写在 font-size 和 line-height 属性中；
font-family：字体族，可以是一个字体名称列表，也可以是字体类型列表，其中以逗号隔开，浏览器会按照从左到右的顺序遍历列表中的字体。

font: italic small-caps bold 16px/1.5 'Arial', 'Helvetica', sans-serif;

上面的代码等同于以下代码：

font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
font-family: 'Arial', 'Helvetica', sans-serif;

由此可以看出，font 连写的写法能够大大简化 CSS 代码，提高开发效率，并且使得代码更加易读易维护。