CSS 可以幫助我們輕松地改變文字的樣式，而其中一個我們可能遇到的需求就是讓每列的字體都不同。下面就是一些方法來實現這個效果。
首先，我們需要使用pre標簽來創建一個多列文本區域。這個標簽可以保留我們在代碼中使用的空格和換行符。

Column 1    Column 2    Column 3
Example     Example     Example
Lorem       Ipsum       Dolor

現在，我們要讓第一列使用 Serif 字體，第二列使用 Sans-serif 字體，第三列使用 Monospace 字體。我們可以使用以下 CSS 代碼來實現這個效果：

pre {
font-family: 'Arial';
white-space: pre-wrap;
}
pre:nth-child(odd) {
font-family: 'Georgia', serif;
}
pre:nth-child(even) {
font-family: 'Helvetica Neue', sans-serif;
}
pre:nth-child(3n) {
font-family: 'Courier New', monospace;
}

在這個例子中，我們首先指定所有pre標簽的字體為 Arial。white-space屬性用于保留我們使用的空格和換行符。接下來，我們使用:nth-child()選擇器來為每列分別指定不同的字體。odd選擇器會選擇第一列和每隔兩列的列，even選擇器會選擇第二列和每隔兩列的列，3n選擇器會選擇第三列和每隔三列的列。
這樣，我們就成功地讓每列的字體都不同了！你也可以使用其他格式和字體來進行自定義，以適應你的特定需求。