CSS3字符圖標是指使用unicode作為字體圖標的一種方式，通過為元素設置特定字體和unicode編碼，可以實現各種形態的圖標。與傳統的圖片圖標相比，CSS3字符圖標具有可自定義顏色、大小、旋轉、陰影等特點，而且可以實現無級縮放，不失真，加載速度也更快，維護起來也更方便。

下面我們來看一個CSS3字符圖標的例子：

/* 定義字體圖標 */
@font-face {
font-family: 'iconfont';
src: url('iconfont.ttf') format('truetype');
}
/* 定義字符圖標的樣式 */
.icon {
/* 使用定義的字體 */
font-family: 'iconfont';
/* 通過unicode編碼來顯示特定的圖標 */
/* 可以在iconfont庫中找到每個圖標對應的編碼 */
content: '\e600';
/* 定義圖標顏色 */
color: #f00;
/* 定義圖標大小 */
font-size: 32px;
/* 定義圖標旋轉角度 */
transform: rotate(45deg);
}

以上代碼定義了一個字體圖標庫，以及一個顯示特定圖標的樣式。我們可以使用content屬性來指定特定的圖標，并通過其他CSS樣式來控制圖標顏色、大小、旋轉等效果。

在實際使用中，我們可以使用一些開源的CSS3字符圖標庫，比如阿里巴巴的Iconfont、Font Awesome等，使用起來非常方便，可以通過在線編輯器來選擇需要的圖標并生成對應的代碼。

在使用CSS3字符圖標的同時，我們也需要注意一些問題。由于不同瀏覽器對字體渲染的支持程度不同，可能會導致字體排版問題。同時，由于字體是以文本形式加載的，如果文字本身存在換行或空格等問題，也會影響字體圖標的顯示。因此，在使用CSS3字符圖標時，需要兼顧兼容性和排版問題。