CSS圖標字體是一種使用字體文件來顯示圖標的技術，它可以做到無需使用圖片來實現圖標效果，而且相比圖片，字體文件更易于修改并支持縮放。在使用CSS圖標字體時，需要先申明字體文件，然后通過CSS樣式給需要顯示圖標的元素添加相應的類名來顯示圖標。

@font-face {
font-family: 'icomoon';
src: url('icomoon.eot'); /* IE9及之前版本 */
src: url('icomoon.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('icomoon.woff') format('woff'), /* 支持最好的格式 */
url('icomoon.ttf') format('truetype'), /* Safari, Android, iOS */
url('icomoon.svg') format('svg'); /* iOS */
font-weight: normal;
font-style: normal;
}

上述代碼為申明icomoon字體文件，其中包括多種文件格式以確保在各種瀏覽器環境下都能正常顯示。申明字體文件時需要指定一個字體族名稱，這個名稱可以任意指定，但需要在后續使用時保持一致。

下面是一個使用icomoon字體的例子：

.icon {
font-family: 'icomoon';
font-size: 20px;
}
.icon-home:before {
content: "\e900";
}

上述代碼定義了一個類名.icon，并將字體家族設置為icomoon。接著定義了一個類名為.icon-home的元素，通過:before偽類來在該元素前添加一個圖標。偽類中的content屬性用于指定圖標的Unicode字符碼，該碼可以在字體文件包含的字符表中找到。

除了常規的字體設置，還有一些常用的設置可以幫助改善字體的顯示效果：

.icon {
font-size: 20px;
line-height: 1;
vertical-align: middle;
}

上述代碼設置了字體的大小、行高和垂直對齊方式，其中line-height可以幫助消除字體在豎直方向上的偏移，vertical-align可以將字體與其他元素垂直居中。