CSS3 font圖標是一種使用字體作為圖標來展現的技術。與傳統的圖像圖標相比，它具有以下優點：

1. 體積更小，可以減少頁面的加載時間。

2. 支持使用CSS樣式進行自定義，更加靈活。

3. 可以使用文本編輯器進行修改和擴展，維護更加方便。

@font-face {
font-family: 'iconfont';
src: url('iconfont.eot'); /* IE9以下兼容 */
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE9以下兼容 */
url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
font-weight: normal;
font-style: normal;
}
.icon {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-search:before { 
content: "\e623";
}

以上是一個使用CSS3 font圖標的示例代碼。該代碼的作用是定義一個名為“iconfont”的字體，并使用它來展示一個名為“icon-search”的圖標。其中，使用了@font-face技術來加載字體文件，并給.icon類設置了字體大小、樣式等屬性。

最后，在icon-search樣式中使用:before偽元素來添加圖標內容。其中，使用了Unicode編碼的方式來定義圖標，具體編碼可以在字體文件中查看。