字体——集大成的font（倾斜，大小写，粗细，大小，行高，字体）

font 简写属性在一个声明中设置所有字体属性。
可设置的属性是（按顺序）： "font-style font-variant font-weight font-size/line-height font-family" （样式 变种 粗 大小/行高 字体）
font-size和font-family的值是 必需 的。如果缺少了其他值，默认值将被插入，如果有默认值的话。

语法

.class {
  font: oblique small-caps bold 15px/20px arial,sans-serif;    //arial,sans-serif是字体
}  效果如下图

font-style（是否倾斜）

值	描述
normal	默认值。浏览器显示一个标准的字体样式。
oblique	浏览器会显示一个倾斜的字体样式。
inherit	规定应该从父元素继承字体样式。

font-variant（大小字母）

值	描述
normal	默认值。浏览器会显示一个标准的字体。
small-caps	会把小写转换成大写，但是转换出来的小写字母，size还是和小写字母一样大
inherit	规定应该从父元素继承 font-variant 属性的值。

small-caps的演示对比

<p> I Am A Aentence</p>
font: oblique  small-caps bold 16px/20px arial, sans-serif;    //明显小写带转换成大写，但是比本身就是大写的字母小

weight, szie, line-height, family不必多说

这是一些常用的web安全字体 https://www.runoob.com/cssref/css-websafe-fonts.html

如果这些还不够，可以通过@font-face引入自己喜欢的字体

//自定义
@font-face  {
  font-family: myFirstFont;
  src: url('Sansation_Light.ttf')
      ,url('Sansation_Light.eot'); /* IE9 */
}
//使用
div  {
  font-family:myFirstFont;
}