在网页设计中，字体旋转是一种很常见的美化效果。如何用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() 等函数来对字体进行变形。不过需要注意的是，字体旋转虽然能够增强网页的美观程度，但过多的变形会影响到网页的可读性和用户体验，因此应该避免过度使用。