在CSS中，我們可以通過多個不同的方式引用字體來定制網站頁面上的文本。以下是一些常見的CSS字體引用方法：

@font-face {
font-family: 'MyCustomFont';
src: url('mycustomfont.eot');
src: url('mycustomfont.eot?#iefix') format('embedded-opentype'), 
url('mycustomfont.woff2') format('woff2'), 
url('mycustomfont.woff') format('woff'), 
url('mycustomfont.ttf') format('truetype'), 
url('mycustomfont.svg#MyCustomFont') format('svg');
font-weight: normal;
font-style: normal;
}

上面的代碼示例中，我們通過@font-face聲明了一個名為"MyCustomFont"的字體家族，并引用了該字體的多個不同格式的文件。這些文件包括Embedded OpenType, WOFF2, WOFF, TrueType和SVG格式的文件，在不同的瀏覽器和操作系統上顯示字體的效果也略有不同。

除了引用本地字體文件之外，我們還可以使用Google Fonts、Adobe Fonts等在線字體庫來引用自定義的字體。例如：

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
font-family: 'Open Sans', sans-serif;
}

上面的代碼示例中，我們通過@import語句從Google Fonts引用了一種名為"Open Sans"的字體。然后，我們將body元素的字體設置為這種字體。這樣就可以在網站上使用Google Fonts提供的自定義字體了。

除了以上兩種方法外，我們還可以使用local()函數、system-ui關鍵字等等進行字體引用。這些方法多數用于更加特定的情況下，需要根據具體情況進行選擇。