在網頁設計中，字體旋轉是一種很常見的美化效果。如何用CSS來實現字體旋轉效果呢？下面我們就來介紹一下。

/* 以 transform 屬性實現文字旋轉 */
h1 {
transform:rotate(30deg);
}
/* 改變左右排版，并以 transform 屬性實現文字旋轉 */
p {
writing-mode: vertical-lr;
transform:rotate(-180deg);
}

以上代碼就是兩種常見的CSS字體旋轉效果。第一個例子是將 h1 標簽內的文字順時針旋轉 30 度，而第二個例子則是將 p 標簽內的文字沿著垂直方向左右排布并逆時針旋轉 180 度。兩個例子的實現方式略有不同，但都用到了 CSS 的 transform 屬性。

需要注意的是，如果旋轉的是 block 元素，應該將其寬度和高度互換，以免實現旋轉效果時造成布局混亂。

除了 rotate() 函數之外，還可以使用 skew(), scale() 等函數來對字體進行變形。不過需要注意的是，字體旋轉雖然能夠增強網頁的美觀程度，但過多的變形會影響到網頁的可讀性和用戶體驗，因此應該避免過度使用。