在CSS中，我們常常使用圖標(biāo)來增強(qiáng)網(wǎng)站的視覺效果和用戶體驗。下面我們將介紹如何在CSS中使用圖標(biāo)。

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

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

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

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