字体
网页字体的三个来源:
- 用户机器上安装的字体,放心使用。
- 保存在第三方网站上的字体,例如Typekit和Google,可以link标签链接到你的页面上。
- 保存在你自己Web服务器上的字体,可以用@font-face规则随网页一起发送到浏览器。
字体相关6属性:
font-family
font-size
font-style
font-weight
font-variant
font(简写属性)
字体族
例如:h2{ font-family:times, serif; }
通用字体:
- serif,衬线字体,每个笔画末端都会有一些装饰线。
- sans-serif,无衬线字体,字符笔画末端没有装饰线。
- monospace,等宽字体,每个字符宽度相等,也叫代码体。
- cursive,草书体或者手写体。
- fantasy,其他类别字体,奇形怪状。
字体大小
h2 { font-size:18px }
大小单位:px,em,百分比。
默认字体大小为16px,也就是1em=16px.
单独讲rem单位:根em, 相对于HTML根元素,一改所有的字体大小都会改。
字体样式
值:italic(斜体)、oblique(斜体)、normal(正常字体,为了消除特殊样式)
字体粗细
值:100,200······900,或者关键字 lighter、normal、bold和bolder。
示例:a { font-weight: bold; }
常用bold和normal.
字体变化,慎用
值:small-caps(小型大写字母)、normal
示例(块引用):blockquote { font-variant(字体变形):small-caps; }
经常将small-caps用于::first-line伪元素。
简写字体属性
规则一:必须声明font-size和font-family的值。
规则二:所有值必须按如下顺序声明,font-weight,font-style,font-variant不分先后,然后是font-size,最后font-family.
p:nth-child(2) {
font: bold italic small-caps 2em sans-serif;
}