在CSS中，我們常常使用圖標來增強網站的視覺效果和用戶體驗。下面我們將介紹如何在CSS中使用圖標。

// 在HTML中引入圖標字體文件
<link rel="stylesheet" href="path/to/icon/font/file.css">
// 在CSS中使用圖標
.icon {
font-family: 'iconfont'; // 圖標字體名稱
font-size: 20px; // 圖標大小
font-weight: normal; // 字體加粗程度
font-style: normal; // 字體樣式
display: inline-block; // 設置為行內元素
vertical-align: middle; // 垂直居中對齊
}
// 在HTML中添加圖標
<i class="icon icon-name"></i>

以上代碼中，我們需要先在HTML中引入圖標字體文件，在CSS中定義一個.icon的類，設置它的字體、大小、加粗程度、樣式、行內元素和垂直居中對齊等屬性。最后，在HTML中添加一個i元素，并添加.icon和.icon-name類。此時，頁面上就會顯示對應的圖標了。

圖標字體是一個包含眾多圖標的字體文件，它可以在不增加HTTP請求的情況下提供各種圖標。目前比較流行的圖標字體有Font Awesome和Iconfont，它們都提供了海量的圖標和相應的CSS庫。

在使用圖標時，我們可以根據實際需要選擇合適的圖標或自定義圖標，提供更好的用戶體驗。