CSS字體變豎是一種常用的排版技巧，它能夠為頁面增添一份獨特而又美觀的風格。在CSS中，可以使用transform屬性及writing-mode屬性來實現字體變豎。

/* 通過transform屬性實現字體變豎 */
.vertical-text{
transform: rotate(-90deg);
}
/* 通過writing-mode屬性實現字體變豎 */
.vertical-text{
writing-mode: vertical-lr;
}

以上代碼分別是使用transform屬性和writing-mode屬性實現字體變豎的示例。其中，transform屬性可以實現對元素進行旋轉的效果，通過將元素繞Z軸旋轉90度，即可將字體轉換為豎向。而writing-mode屬性是CSS3新增的屬性，可以直接控制文本的排版方向。

實際應用中，字體變豎可以作為設計的重要元素，常常被用于制作海報、廣告、各種宣傳材料等。同時，還可以用于網站的邊欄、導航欄等位置，增加頁面的可讀性、美觀性。

需要注意的是，在使用字體變豎時，應當考慮到文字的閱讀方向，避免出現反人類的排版效果。此外，由于不同的瀏覽器對CSS3的支持程度不同，應該盡可能使用兼容性較好的寫法，以保證頁面的兼容性和穩定性。