在網頁設計中，字體是非常重要的設計元素之一。通過適當的字體搭配可以增強整個網頁的視覺效果，提高用戶體驗。而CSS作為網頁樣式設計的核心技術之一，可以方便地引入多種字體。下面我們就來介紹一下如何在CSS中引入多個字體。

@font-face {
font-family: 'FontFamily1';
src: url('FontFamily1.eot'); /* IE9 */
src: url('FontFamily1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('FontFamily1.woff') format('woff'),
url('FontFamily1.ttf') format('truetype'),
url('FontFamily1.svg#FontFamily1') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontFamily2';
src: url('FontFamily2.eot'); /* IE9 */
src: url('FontFamily2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('FontFamily2.woff') format('woff'),
url('FontFamily2.ttf') format('truetype'),
url('FontFamily2.svg#FontFamily2') format('svg');
font-weight: normal;
font-style: normal;
}

通過以上代碼我們可以看出，在CSS中引入多個字體需要使用@font-face規則。在每個規則中引入的字體需要定義字體名稱、路徑以及字體文件的格式，包括eot、woff、ttf和svg等多種格式，確保不同的瀏覽器都能正確地加載不同格式的字體文件。

同時，為了保證不同字體的正確顯示，每個字體規則還需定義字體的粗細和傾斜程度。在實際應用中，可以通過定義不同的字體類別來引入多種字體，這樣可以更方便地管理和使用這些字體。

總之，通過使用CSS引入多個字體，我們可以輕松地實現網頁設計中豐富、多樣的字體樣式，提高網頁的視覺效果和用戶體驗。