在網頁設計中，字體是一個非常關鍵的因素。為了使頁面看起來更加美觀、清晰，我們可能需要導入自己所需要的字體文件。在 CSS 中，我們可以使用 @font-face 規則來導入字體文件。 在使用 @font-face 規則導入字體文件之前，需要先準備好相應的字體文件。字體可以是 .ttf、.otf、.woff、.eot、.svg 等格式的文件。一般建議提供 .woff 和 .woff2 格式的文件，因為這兩個格式的文件可以壓縮，同時瀏覽器也支持這兩個格式。 導入字體文件的代碼如下：

@font-face {
font-family: 'FontName'; /* 根據自己的需要給字體起一個名字 */
src: url('fonts/FontName.woff2') format('woff2'),
url('fonts/FontName.woff') format('woff');
/* 根據自己的需要指定字體文件的路徑和格式 */
font-weight: normal;
font-style: normal;
}
p {
font-family: 'FontName';
/* 使用自己導入的字體 */
}

在上面的代碼中，我們使用 @font-face 規則定義了一個名為 'FontName' 的字體，同時指定了字體文件的路徑和格式。接著，在 p 標簽中通過 font-family 屬性指定使用剛才定義的字體。 最后需要注意的一點是，由于不同的瀏覽器對字體的支持存在差異，為了保證字體在各種瀏覽器中都能夠正確顯示，建議在 @font-face 中同時提供多個不同格式的字體文件。