CSS中可以通過添加圖標來增強頁面的視覺效果，其中一個常見的用法就是字體前面加圖標。這種效果可以在列表中使用，或者用于強調(diào)一些特殊的文本。

下面是通過CSS設置字體前面加圖標的示例代碼：

ul {
list-style: none;
}
li:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
margin-right: 10px;
}

在上面的代碼中，我們首先移除了列表的默認樣式，然后通過`:before`偽元素為每個列表項添加了一個圖標。`content`屬性指定了要顯示的內(nèi)容，這里使用了Font Awesome的字體圖標，`\f105`是該圖標在字體中的Unicode代碼點。`font-family`屬性指定了要使用的字體，這里使用了Font Awesome 5 Free的字體。`margin-right`屬性用于設置圖標和文本之間的距離。

除了Font Awesome，還有其他的字體圖標庫可以使用，比如Bootstrap的Glyphicons和Material Design的Material Icons。不同的字體圖標庫使用的方法可能有所不同，但基本的原理是一樣的。

總的來說，通過添加字體圖標來實現(xiàn)字體前面加圖標的效果是一種簡單但有效的方法，可以為頁面帶來更好的用戶體驗。