在網頁設計中，除了顏色、布局、動畫等元素外，字體也是一個非常重要的部分。通過使用CSS字體文件，我們可以在網頁中使用自己喜歡的字體，從而增加網頁的個性化和美觀性。

@font-face {
font-family: 'MyCustomFont';
src: url('MyCustomFont.otf') format('woff2'),
url('MyCustomFont.eot') format('eot'),
url('MyCustomFont.ttf') format('truetype'),
url('MyCustomFont.svg') format('svg');
}
body {
font-family: 'MyCustomFont', sans-serif;
}

上面的CSS代碼中，我們首先使用@font-face聲明了自定義字體的名稱和字體文件的位置和格式。其中，我們需要指定不同格式的字體文件以保證兼容性，如woff2、eot、truetype和svg格式。

接著，在body中，我們將字體設置為我們自定義的字體，這樣就可以在整個網頁中使用該字體了。

需要注意的是，如果我們的自定義字體只用于特定的元素中，我們可以針對該元素進行字體設置，如：

h1 {
font-family: 'MyCustomFont', sans-serif;
}

最后需要提醒的是，在使用自定義字體時，我們需要牢記版權問題，確保我們使用的字體是免費或已經購買了版權。否則，我們可能會面臨侵權的風險。