CSS3中的font屬性可以用來(lái)定義文本的字體樣式，包括字體大小、顏色、字重、字體族等內(nèi)容。下面來(lái)一一介紹。

/*定義字體大小*/
font-size: 14px;
/*定義字體顏色*/
color: #333;
/*定義字重*/
font-weight: bold;
/*定義字體族*/
font-family: Arial, sans-serif;

同時(shí)，CSS3引入了一些新的字體屬性，如下所示。

/*定義文本字體的變體*/
font-variant: small-caps;
/*定義字母間隔*/
letter-spacing: 1px;
/*定義單詞間隔*/
word-spacing: 5px;
/*定義文本裝飾*/
text-decoration: underline;
/*定義文本轉(zhuǎn)換*/
text-transform: capitalize;

值得注意的是，CSS3中還支持 @font-face 規(guī)則，可以方便地嵌入自定義字體文件，以便在網(wǎng)頁(yè)上顯示。

/*定義自定義字體*/
@font-face {
font-family: 'MyFont';
src: url('myfont.woff2') format('woff2'),
url('myfont.woff') format('woff');
}

最后，總結(jié)一下，font屬性可以為文本設(shè)置字體大小、顏色、字重、字體族等內(nèi)容，同時(shí)還支持一些字體屬性的設(shè)置。@font-face 規(guī)則可以方便地嵌入自定義字體文件。