/*常规格式*/ font: font-style font-variant font-weight font-size/line-height font-family; /*可以省略的部分*/ font: font-size/line-height font-family; font: font-weight font-size/line-height font-family; font: font-style font-weight font-size/line-height font-family; font: font-style font-weight font-size/line-height sans-serif; (font-size可以使用相应的单位像素(px)、em、rem等等)
上述代码中,font-style用于设置斜体、倾斜以及正常字体。font-variant用于设置小型大写字母的效果。font-weight用于设置字体粗细,数值越大字体就越粗。font-size设置字体大小,line-height用于设置行高。font-family则是设置字体类型。
在字体属性中,font-family的使用较为特别。在该属性中,可以设置多个字体类型,当某种字体无法加载时,浏览器会自动尝试加载下一个字体。这一点非常实用,可以确保在任何情况下都有一个比较自然的回退字体。
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
上面的代码,先尝试使用Helvetica Neue字体,如果没有,浏览器就尝试使用Helvetica字体,如果还是没有,就用Arial字体,最后,如果所有字体都无法加载,就使用一个通用的sans-serif字体。
在实际编写中,可以灵活运用CSS字体样式简写,根据实际需求进行选择,写出简洁而清晰的CSS代码。