CSS 中倒入多種字體的方法 在制作網(wǎng)站時，字體的選擇是非常重要的。好的字體可以使得網(wǎng)站頁面顯得更加美觀、專業(yè)。那么在 CSS 中，如何倒入多種字體呢？ 要導(dǎo)入多種字體，需要用到 @font-face 規(guī)則。下面是一個示例：

@font-face {
font-family: 'Futura';
src: url('Futura.tff') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('Helvetica Neue.tff') format('truetype');
font-weight: 400;
font-style: normal;
}
body {
font-family: 'Futura', 'Helvetica Neue', sans-serif;
}

在上面的代碼中，@font-face 規(guī)則指定了兩個字體的參數(shù)：字體名稱（font-family）、字體文件路徑（src）、字體的字重（font-weight）和字體的樣式（font-style）。這里注意，字體文件路徑是相對于 CSS 文件的路徑而言的。 在 body 中，通過 font-family 屬性指定字體的先后順序，這里的 "sans-serif" 代表了所有沒有特定字體的 sans-serif 字體。 在 HTML 文件中，可以直接使用這些字體名字的類來指定字體。

這是 Futura 字體的文本樣例。

這是 Helvetica Neue 字體的文本樣例。

下面是 CSS 代碼：

.futura {
font-family: 'Futura', sans-serif;
}
.helvetica-neue {
font-family: 'Helvetica Neue', sans-serif;
}

總結(jié)： 使用 @font-face 規(guī)則可以在 CSS 中導(dǎo)入多種字體。要注意的是，字體文件路徑是相對于 CSS 文件的路徑而言的。在 HTML 文件中，可以直接使用字體名字的類來指定字體。