CSS 文本圖標是網頁設計中常用的圖標方式。它不需要額外的圖片資源，可以靈活的調整大小和顏色，并且相較于圖像圖標而言，它的加載速度更快。常常，網站中需要的圖標可以通過 CSS 文本圖標來實現，而本文將介紹如何使用 CSS 來固定文本圖標樣式。

要使用 CSS 文本圖標，需要在 HTML 中引入一個已經定義好的字體文件，如以下代碼所示：

@font-face {
font-family: 'icomoon';
src: url('icomoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

上述代碼定義了字體名稱為“icomoon”并導入了一個名為 icomoon.ttf 的字體文件。接下來，我們需要定義一些類來將圖標應用于元素中。例如，要將圖標應用于按鈕中，我們可以使用如下代碼：

.button:before {
font-family: 'icomoon';
content: "\e900"; /* e900 為圖標在字體文件中的 Unicode 碼 */
}

上述代碼定義了一個類名為“button”，并通過:before 偽元素將圖標應用到該元素之前。其中，content 屬性用于指定引用字體文件中的圖標，而字體名稱則通過 font-family 屬性指定。要注意的是，每個圖標都對應一個 Unicode 碼，我們需要查詢字體文件中的碼點才能正確定義 content 屬性的值。

接下來，我們可以使用“button”類名來應用按鈕樣式，并且該按鈕將一直顯示文本圖標：

<button class="button">提交</button>

通過以上步驟，我們可以快速定義多個文本圖標并將其應用到網頁中的各種元素上。如需修改圖標大小，可以使用 font-size 屬性，而要修改顏色，則可以通過 color 屬性來實現。切記，不同瀏覽器的字體渲染可能會有所不同，如果要使用不同大小和顏色的圖標，最好先進行預覽確認。