在網頁設計中，字體的選擇非常重要，它可以直接影響到用戶的閱讀體驗和頁面的整體風格。為了豐富網站中的字體樣式，我們通常需要引入一些外部的字體資源，而CSS提供了非常方便的方式來實現這一點。

在CSS中，我們可以通過@font-face規則來引入外部字體資源。@font-face規則會告訴瀏覽器，當前網頁需要從某個網絡地址加載一個字體文件，并將其作為當前網頁中的一種字體使用。

下面是一個簡單的@font-face規則的示例：

@font-face {
font-family: 'MyFont';
src: url('https://example.com/myfont.woff2') format('woff2'),
url('https://example.com/myfont.woff') format('woff');
}

在這個規則中，我們定義了一個名為"MyFont"的字體，它會從"https://example.com/myfont.woff2"和"https://example.com/myfont.woff"兩個網絡地址加載字體文件。這里我們同時提供了字體文件的WOFF和WOFF2兩種格式，這樣可以兼容更多的瀏覽器。

在定義好@font-face規則后，我們可以在CSS中直接使用這個字體，例如：

body {
font-family: 'MyFont', sans-serif;
}

這樣，我們就完成了外部字體的引入和使用。需要注意的是，由于網絡加載的原因，如果字體文件過大，會導致網頁加載速度變慢。因此，我們應該選擇一些大小適中的字體文件，并盡量壓縮字體文件的大小，以提高頁面的加載速度。