在網站設計中，字體圖標具有比傳統圖片更好的優點：不僅更加清晰，而且可以輕松縮放和更改顏色。另外，使用 CSS 還可以增加字體圖標的交互性。這篇文章將介紹如何使用 CSS 旋轉字體圖標。

首先，在 HTML 中引用字體圖標：

<i class="iconfont icon-spin"></i>

使用 CSS 為這個字體圖標添加旋轉效果：

.icon-spin {
animation: spin 2s infinite linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

這個樣式將會旋轉這個字體圖標。

值得注意的是，這個方法僅適用于所使用的字體圖標支持旋轉的情況。另外，相應的 CSS 樣式需要在圖標所在的頁面中加載。

作為總結，使用 CSS 旋轉字體圖標是一種簡單、干凈的方法，沒有使用圖片的花哨。在創建你自己的字體圖標時，請記住添加旋轉函數，并享受與使用純文本格式的功能。