CSS3中可以使用字體棧（font stack）來設(shè)置兩組字體，字體棧是一種將多個(gè)字體名稱列在一個(gè)聲明中的方法，當(dāng)***個(gè)字體無法加載時(shí)，瀏覽器會(huì)嘗試使用下一個(gè)字體，以此類推。

要設(shè)置兩組字體，可以在CSS中定義一個(gè)字體棧，包含兩組字體名稱和樣式。

body {
  font-family: "Arial", "Helvetica", "sans-serif"; /* ***組字體 */
  font-style: normal; /* 字體樣式 */
  font-weight: 400; /* 字體粗細(xì) */
}
h1 {
  font-family: "Times New Roman", "Georgia", "serif"; /* 第二組字體 */
  font-style: bold; /* 字體樣式 */
  font-weight: 700; /* 字體粗細(xì) */
}

在這個(gè)例子中，body元素使用***組字體（Arial、Helvetica、sans-serif），而h1元素使用第二組字體（Times New Roman、Georgia、serif），每組字體都指定了樣式和粗細(xì)。

如果瀏覽器無法加載***組字體中的任何一個(gè)，它會(huì)嘗試使用第二組字體中的***個(gè)字體，以此類推，這樣可以確保頁面始終有可用的字體。