CSS 字體圖標是一種非常常見的網頁設計元素，它可以讓我們在不添加額外圖像的情況下，使用更加靈活的圖標來美化我們的網頁。通常情況下，我們會使用字體圖標的默認顏色。但是，如果我們想要改變圖標的填充顏色，該怎么辦呢？

首先，我們需要通過 CSS 添加一個class樣式來選擇字體圖標元素，例如：

.icon {
font-family: "Font Awesome 5 Free";
content: "\f007";
font-size: 20px;
}

在這個例子里，我們選擇了一個名為“Font Awesome”的字體庫，并使用了它提供的對應圖標的 Unicode 代碼（'\f007'），并定義了圖標的大小。

現在，我們想要改變圖標的填充顏色，我們只需要在樣式中添加一個color屬性即可：

.icon {
font-family: "Font Awesome 5 Free";
content: "\f007";
font-size: 20px;
color: red;
}

在這個例子里，我們將圖標的填充顏色改為了紅色。我們可以根據需要隨意更改顏色。

當然，如果我們只想改變圖標的邊框顏色，可以使用border-color屬性，例如：

.icon {
font-family: "Font Awesome 5 Free";
content: "\f007";
font-size: 20px;
border: 2px solid blue;
border-radius: 50%;
padding: 10px;
}

在這個例子里，我們添加了一個藍色的邊框和一個圓形的邊框半徑，以及一些填充。但是，我們并沒有改變圖標本身的填充顏色，這意味著填充顏色仍然是默認值。

總之，通過使用color和border-color屬性，我們可以輕松地改變字體圖標的填充和邊框顏色。這使得我們的網頁設計更加靈活和多樣化。