在網頁設計中，使用自定義字體可以使頁面更具個性化。CSS提供了多種方式來使用自定義字體，其中一種是使用ttf字體文件。
在CSS中，可以使用@font-face規則來引入自定義字體。這個規則的語法如下：

@font-face {
font-family: 'CustomFont';
src: url('font.ttf') format('truetype');
}

上述代碼中，@font-face規則定義了一個名為CustomFont的字體，它的源文件是font.ttf，即我們要使用的ttf字體文件。
接下來，在需要使用CustomFont字體的CSS選擇器中，可以像下面這樣指定該字體：

p {
font-family: 'CustomFont', sans-serif;
}

上述代碼中，我們讓所有p元素使用CustomFont字體，如果用戶的設備中不存在CustomFont字體，則會使用默認的sans-serif字體代替。
使用ttf字體有一個注意點，那就是ttf字體可能會比較大，如果在每個頁面都使用ttf字體，則會顯著增加網頁的加載時間。因此，建議只在需要使用該字體的地方使用@font-face規則。另外，為了更好地兼容性，也可以為字體同時提供woff和woff2格式的文件。