CSS通過引入外部字體讓網站變得更加獨特和美觀，而且使得網站的字體可以不受瀏覽器限制，更優化的呈現在用戶面前。

我們可以通過以下步驟來引入外部字體：

@font-face {
font-family: "MyFont";
src: url("myfont.otf");
font-weight: 600;
}

在上面的示例中，我們通過@font-face規則來告訴瀏覽器從哪里獲取字體文件，以及如何命名這種字體。其中“src”是必需的，它指定了字體文件的位置和名稱。你可以使用字體的絕對或相對路徑來指定字體的位置。

引入字體后，我們可以在其他CSS規則中使用這個字體來定義網站的文字樣式。例如：

body {
font-family: "MyFont", sans-serif;
}
h1 {
font-weight: bold;
font-size: 2.5em;
letter-spacing: 0.1em;
}
p {
font-size: 1.2em;
}

在這個示例中，我們將我們定義的“MyFont”字體應用于整個頁面并設置默認字體為“sans-serif”。然后我們使用其他CSS規則來定義特定元素的文字樣式。

總的來說，外部字體的引入使得我們可以從許多現有字體中選擇，同時增強用戶體驗。通過使用@font-face規則，我們可以將自定義字體引入到網站中，從而為用戶提供獨特而美觀的頁面。