CSS自定義圖標字體顏色是網頁設計中常用的技巧。通過設置CSS樣式，可以改變圖標字體的顏色，從而達到設計需求。

.icon-font{
font-family: "iconfont";
font-size: 16px;
color: #333;
}

在上面的樣式中，.icon-font是我們要設置的目標元素，font-family: "iconfont";表示該元素使用的是自定義圖標字體，font-size: 16px;設置字體大小為16像素，color: #333;則是設置字體顏色為深灰色。

如果想要改變圖標字體的顏色，只需要修改color的值即可，例如我們要將字體顏色改為紅色，可以這樣設置：

.icon-font{
font-family: "iconfont";
font-size: 16px;
color: #f00;
}

其中#f00表示紅色，這樣設置后，圖標字體的顏色就會變成紅色。

需要注意的是，如果自定義圖標字體本身帶有多種顏色，如阿里巴巴矢量圖標庫提供的圖標，那么上述方法就無法改變字體顏色了，需要使用其他技術實現。

總之，CSS自定義圖標字體顏色是一個簡單而有效的技巧，可以幫助我們快速實現網頁設計中的需求。