在網頁設計中，常常需要使用自定義字體來增加網站的個性化和時尚感。通過CSS導入自定義字體文件就是一種常見的字體設定方式，下面我們就介紹一下如何使用CSS導入TTF字體文件。

@font-face {
font-family: "custom-font";
src: url("custom-font.ttf");
font-weight: normal;
font-style: normal;
}

代碼解析：

1. @font-face： 定義自定義字體的規則。使用它，Web設計師可以將自己選擇的字體文件嵌入到網頁中，然后將它應用于文字元素。

2. font-family：定義字體名稱，這個名稱可以隨便取，也可以取與字體文件名稱相同的名稱。

3. src：定義字體文件的路徑，可以是相對路徑，也可以是絕對路徑。

4. font-weight、font-style：定義字體的粗細和傾斜。

TTF字體文件的優點是比較小，同時在各種操作系統和瀏覽器中都兼容性較好。不過需要注意的是，由于版權問題和安全等因素，不要隨意將商用字體文件放在網站中，如果需要使用商用字體，在授權的前提下進行下載使用。