在網頁設計中，我們常常需要在一些特殊情況下，讓字體豎著排列，這時候就要用到CSS中的豎排字體屬性。豎排字體是指將字體以垂直方式排列，使其從上往下依次排列。 要實現豎排字體，我們需要在CSS中使用writing-mode屬性，它可以定義文本內容的書寫方式，從而實現豎排字體。 下面是一個使用CSS豎排字體的例子：

p {
writing-mode: vertical-rl;
text-orientation: upright;
white-space: nowrap;
font-family: 微軟雅黑, sans-serif;
font-size: 18px;
}

在上面的代碼中，我們首先使用writing-mode屬性將書寫方式設置為vertical-rl，代表從右向左豎排。接下來，我們使用text-orientation屬性將文字方向也設置為豎排。white-space屬性用來控制文本中的空格是否折行，這里設置為no-wrap，表示不折行。 最后，我們還需要設置字體的樣式，包括字體名稱和字號。在本例中，我們選擇了微軟雅黑字體，并設置字號為18px。 使用CSS豎排字體，可以讓網頁具有更多的特色和美感，同時也能夠提高頁面的排版效果。不過，需要注意的是，在不同的瀏覽器中，豎排字體的渲染效果有所不同，需要進行充分的測試和調試。