CSS3中的font屬性可以用來定義文本的字體樣式,包括字體大小、顏色、字重、字體族等內容。下面來一一介紹。
/*定義字體大小*/ font-size: 14px; /*定義字體顏色*/ color: #333; /*定義字重*/ font-weight: bold; /*定義字體族*/ font-family: Arial, sans-serif;
同時,CSS3引入了一些新的字體屬性,如下所示。
/*定義文本字體的變體*/ font-variant: small-caps; /*定義字母間隔*/ letter-spacing: 1px; /*定義單詞間隔*/ word-spacing: 5px; /*定義文本裝飾*/ text-decoration: underline; /*定義文本轉換*/ text-transform: capitalize;
值得注意的是,CSS3中還支持 @font-face 規則,可以方便地嵌入自定義字體文件,以便在網頁上顯示。
/*定義自定義字體*/ @font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); }
最后,總結一下,font屬性可以為文本設置字體大小、顏色、字重、字體族等內容,同時還支持一些字體屬性的設置。@font-face 規則可以方便地嵌入自定義字體文件。
上一篇css3 blur顏色