CSS3引入了一種新的字體類型，即font圖標。它是一種用于圖標繪制的字體，通過CSS中的font-family屬性來調用應用。font圖標比傳統的位圖圖標更加靈活，可以更好地應用于響應式設計和高分辨率屏幕。當然，它也可以輕松修改圖標的顏色，大小，陰影，描邊等，例如：

.icon{
font-family: 'Fontawesome';
font-size: 20px;
color: #333;
text-shadow: 1px 1px #fff;
border: 1px solid #666;
}

當我們需要在網頁中使用icon時，我們可以直接在HTML中引用font圖標的類名，例如：

<i class="icon icon-home"></i>

Fontawesome是使用CSS3 font圖標應用中非常常見的一種icon字體庫。它提供了豐富的圖標，可以在其官網（fontawesome.com）上自由瀏覽和搜索，然后下載到本地用于開發。同時，還有許多類似的字體庫，如Iconfont，Material Design Icons等等，開發者可以根據實際需求選擇使用。

總之，CSS3 font圖標的應用使得網頁設計更加靈活，同時也提高了網頁性能和用戶體驗。它可以適用于各種屏幕尺寸的設備，使得網頁設計更加響應式，也為開發者提供了更多的設計選擇和自定義空間。