在進行網頁設計時，CSS 被廣泛使用來控制網頁的樣式。有時候需要在 CSS 中引用文字文件來實現一些特定的效果，例如應用自定義字體。那么如何引用文字文件呢？ 首先，我們需要將文字文件保存在服務器上。在 CSS 文件中使用 @font-face 規則來引用文字文件。這個規則告訴瀏覽器從哪里加載字體文件，并且在 CSS 樣式中使用這個字體。下面是一個簡單的例子：

@font-face {
font-family: 'CustomFont';
src: url('custom-font.woff2') format('woff2'), /* Modern Browsers */
url('custom-font.woff') format('woff'), /* Modern Browsers */
url('custom-font.ttf') format('truetype'); /* Safari, Android, iOS */
}

在這個例子中，我們定義了一個名為 CustomFont 的字體，并且在 src 屬性中指定了三種不同的字體文件格式：woff2、woff 和 truetype。這些格式可以用來支持各種不同的瀏覽器。 接下來，我們可以在 CSS 樣式中使用這個字體。例如：

Hello world!

在這個樣式中，我們使用了定義的 CustomFont 字體，可以將 Hello world! 文本顯示為自定義字體。 總而言之，使用 @font-face 規則實現自定義字體是一種非常有效的方法，可以讓網頁設計更加個性化和獨特。