在Web開發中，使用自定義字體是必不可少的技能。CSS通過引用字體文件的方式，能夠實現在網頁中使用自定義字體的效果。下面我們來看一下如何引用字體文件。

@font-face {
font-family: 'MyCustomFont';
src: url('path/to/font.ttf') format('truetype');
}

上面的代碼中，通過@font-face聲明定義了一個自定義字體，第一行中的font-family是我們自定義字體的名字，可以自己定義。src屬性指定了我們引用的字體文件的路徑，這里我們以TrueType字體文件格式為例，format屬性指定了字體文件的格式，通常情況下都是指定為truetype。

定義完成后，我們可以在任意的CSS選擇器中，使用這個自定義字體。例如：

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

上面的代碼中，我們在h1標簽中使用了'MyCustomFont'這個自定義字體，并且使用了sans-serif作為備選字體，在用戶計算機中找不到我們定義字體時，就會使用備選字體。

除了TrueType字體格式，還有其他的字體格式，如OpenType、WOFF等，這些格式都可以在font-face中通過format屬性進行指定。此外，我們還可以引用網絡上的字體文件，或者引用CDN上的字體文件，只需要將字體文件的路徑設置為網絡路徑即可。

下面是引用CDN上google字體作為示例的代碼：

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
h1 {
font-family: 'Roboto', sans-serif;
}

上面代碼中，通過@import方式引入了谷歌的Roboto字體，然后在h1標簽中使用了這個字體。

總結一下，通過CSS引用字體文件可以讓我們在Web頁面中使用自定義字體，讓頁面效果更加炫酷和個性化。只需要定義@font-face其中的屬性，再在任意選擇器中進行使用即可。