CSS3字體圖標是一種使用字體文件來展示圖標的方法。它不僅可以提高網站的性能，加快加載速度，而且在設計實現上非常方便靈活。下面我們來了解一下CSS3字體圖標制作的方法。

第一步：選擇適合的字體文件。目前市場上有很多擴展名為.ttf或者.otf的字體文件可供選擇。其中比較出名的包括FontAwesome、Iconfont等。選擇適合自己網站風格的字體文件，并下載并放入項目中。

@font-face {
font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot?v=4.7.0');
src: url('../font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('../font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('../font/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('../font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

第二步：選擇需要的圖標，并找到其字符編碼。在字體文件中，每一個圖標都對應了一個唯一的字符編碼。我們需要找到需要使用的圖標的編碼，以便后續使用。

.icon-home:before {
content: "\f015";
}

第三步：將選中的字符編碼使用偽元素before或after加入到html元素中，并使用字體文件來渲染。

通過以上三步，我們就可以快速便捷的搭建起自己網站的字體圖標系統.