CSS中字體圖標是在網頁設計中經常使用的一個元素，可以用來表示各種不同的符號、圖標甚至是UI控件。相比于傳統的圖片圖標，使用字體圖標可以減小頁面的載入時間、提高頁面性能，而且也更加靈活和易于更改。

在CSS中，字體圖標的位置、大小、顏色等樣式都可以通過CSS屬性進行控制。其中最常用的幾個CSS屬性包括font-size、color、text-align等等。而字體圖標的移動，通常可以通過CSS中的position、top、left屬性進行控制。

.icon {
font-family: "Font-Awesome";
font-size: 25px;
color: #444;
position: absolute;
top: 50px;
left: 100px;
}

上面的代碼中，我們先定義了一個.icon的class，然后將其font-family設置為Font-Awesome字體，font-size設置為25px，color設置為#444。接著，我們增加了position屬性來控制定位方式，這里我們使用了absolute絕對定位。最后，我們通過top和left屬性將該字體圖標移動到了頁面的(100,50)坐標位置。

另外，如果我們需要在CSS中實現更加復雜的字體圖標動畫，比如旋轉、縮放、漸變等效果，我們可以通過CSS3中的transform、transition、animation等屬性來實現。比如下面這段代碼可以將一個字體圖標旋轉180度：

.icon {
transform: rotate(180deg);
transition: all 0.3s ease;
}
.icon:hover {
transform: rotate(360deg);
}

在上述代碼中，我們使用了transform屬性將該字體圖標旋轉了180度，并在:hover狀態下改變了transform屬性，將其旋轉了360度。通過使用transition屬性，我們還為該動畫設置了一個緩動效果，讓動畫更加流暢自然。

總之，字體圖標在網頁設計中的應用非常廣泛，掌握一些基本的CSS樣式屬性，我們就可以快速創建出各種不同樣式的字體圖標，并將其移動到任意位置。