CSS是前端開發的重要組成部分，通過CSS可以為網頁增添各種吸引人的樣式。其中字體樣式是網站中非常重要的一部分，不僅決定了網站的視覺效果，同時也直接影響著用戶的閱讀體驗。為了豐富字體樣式，我們可以通過引入多種外部字體來美化網站。

下面我們來詳細介紹一下如何使用CSS引入多種外部字體。

/*引入第一種外部字體*/
@font-face {
font-family: 'MyFont';/*定義字體名稱*/
src: url('MyFont.ttf') format('truetype');/*定義字體文件路徑*/
font-weight: normal;/*字體粗細*/
font-style: normal;/*字體風格*/
}
/*引入第二種外部字體*/
@font-face {
font-family: 'MyFont2';/*定義字體名稱*/
src: url('MyFont2.otf') format('opentype');/*定義字體文件路徑*/
font-weight: bold;/*字體粗細*/
font-style: italic;/*字體風格*/
}

上述的代碼中通過@font-face規則定義了兩種不同的字體，主要規則如下：

- font-family：這個屬性定義了字體的名稱，可以在樣式表其他地方使用這個名稱來應用這個字體。

- src：這個屬性用來定義字體文件的路徑和格式（比如true type或open type）。

- font-weight：屬性用來定義字體粗細，可以選擇normal或bold。

- font-style：屬性用來定義字體風格，可以選擇normal或italic。

當以上規則定義完后只需要在CSS中使用定義好的字體即可，例如:

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

上面的代碼中我們將h1標簽的字體設置為'MyFont2'，如果該字體不能正常顯示，將會以默認字體（sans-serif）代替。

總之，通過引入外部字體，我們能夠為網站增添更多的字體選擇，讓網站看起來更加美觀，同時也能為閱讀帶來更好的體驗。當引入字體文件時，需要注意文件路徑和文件格式的正確性。