在 CSS 中，我們可以使用@font-face規則來定義自己的字體，以便頁面上的文本可以呈現為自己定義的字體。通常情況下，我們只需要使用一個字體即可，但有時我們需要在一個頁面中加載多個字體，這里介紹一種簡單的方法：

@font-face {
font-family: "Font1";
src: url("font1.woff") format("woff"),
url("font1.otf") format("opentype");
}
@font-face {
font-family: "Font2";
src: url("font2.woff") format("woff"),
url("font2.otf") format("opentype");
}

以上是定義兩種不同字體的@font-face規則，分別給它們起名字Font1和Font2。在實際使用中，只需要在對應的元素上使用對應的字體即可：

p {
font-family: "Font1";
}
h1 {
font-family: "Font2";
}

這樣，所有的p元素都會使用字體Font1，所有的h1元素都會使用字體Font2。如果需要使用不同的字體，只需在對應的元素上設置不同的字體即可。這種方法比較簡單，但需要注意的是，一定要確保字體文件存在，并且文件路徑正確。