CSS可以通過字體來裝飾頁面元素，使頁面更具有視覺美感。下面介紹如何使用CSS字體。

要使用CSS字體，首先需要為字體定義一個名稱。可以使用@font-face規則將字體文件加載到頁面中，并定義一個名稱。

@font-face {
font-family: 'MyFont';
src: url('myfont.woff2') format('woff2'),
url('myfont.woff') format('woff');
}

在上面的例子中，定義了一個名為“MyFont”的字體族，該字體族包括兩個字體文件，一個是woff2格式的，另一個是woff格式的。如果瀏覽器支持woff2，就加載woff2文件；否則就加載woff文件。

接下來可以在CSS樣式表中使用定義的字體族名稱。

p {
font-family: MyFont, sans-serif;
}

在上面的例子中，定義了一個paragraph元素的字體為“MyFont”。如果瀏覽器不支持“MyFont”字體，則使用默認的sans-serif字體。

除了定義字體族外，還可以定義字體的其他屬性，如字體顏色、字體大小等。

p {
font-family: MyFont, sans-serif;
font-size: 18px;
color: #333;
}

在上面的例子中，定義了paragraph元素的字體大小為18像素，顏色為#333。

總之，使用CSS字體可以讓頁面元素更加美觀，使網站具有更好的視覺效果。