CSS圖標（常見的有Font Awesome、Material Icons等）可以為網頁添加美觀的視覺效果和易于識別的元素。然而，在某些情況下，將它們轉化為字符可能更加實用和易于處理。

使用CSS圖標作為字符的好處有很多。首先，它們更加輕量，不需要在網頁上加載大量的字體文件或SVG圖標。其次，它們更加靈活，可以直接使用在HTML文本中，也可以在CSS中定義偽元素來添加到元素的樣式中。最后，它們更加容易處理，可以直接在JavaScript代碼或后端處理中使用。

/* 在CSS中使用font-family定義字符 */
.icon {
font-family: "Font Awesome 5 Free";
content: "?"; /* 對應Font Awesome中的圖標 */
}
/* 在HTML中使用字符 */
這里有一個Font Awesome 圖標
/* 在JavaScript中使用字符 */
const icon = String.fromCharCode(parseInt("f17d", 16)); /* 對應Font Awesome中的圖標 */

總之，將CSS圖標轉化為字符是一種值得嘗試的技巧，可以大大提高網頁的性能和可維護性。