在網頁中加入字體圖標是一種非常流行的趨勢，它可以增強頁面設計的獨立性和吸引力。在CSS中，我們可以通過以下的步驟添加字體圖標。
首先，你需要從一個開源圖標庫中選擇你所需要的圖標，如Font Awesome或Material Design Icons。這些庫提供了一個完整的字體圖標集合，你可以通過鏈接到它的CDN獲取相應的CSS文件。
接下來，你需要在你的HTML文件中引入這個字體圖標庫，并設置它的基礎樣式。你可以在HTML文件的頭部，插入下面的代碼。

<link rel="stylesheet" >

這段代碼利用了Font Awesome的CDN鏈接，并將字體的CSS樣式應用于你的網頁。你也可以通過本地文件路徑的方式添加字體庫，這個視情況而定。
然后，你可以在你的CSS文件或HTML文件的樣式部分中，使用相關的CSS類和屬性選擇器來展示字體圖標。每個字體圖標都由一個特殊的類名來標識，例如：

<i class="fa fa-star"></i>

其中，“fa”代表了你所使用的字體圖標的集合，而“fa-star”則表示圖標的名稱。這個代碼將顯示一個星型圖標。
最后，你可以對這個圖標進行自定義的CSS更改。比如，變更圖標的大小、顏色、陰影、hover效果等等。這些都可以通過相應的CSS類和屬性選擇器來進行設置。
總之，通過添加字體圖標，你的網頁會變得更加具有視覺吸引力。同時也不會增加太多的HTTP請求。掌握這個技巧，你的網頁設計水平可以更上一層樓。