CSS3：@font-face的使用

首先你應該去網站下載一些你想要的圖標字體，推薦在這裏下載http://ued.alimama.com/fonts/

在你下載的文件夾icon裏就會有四個文件，以下圖：

ps：這四個文件分別是爲了兼容各類瀏覽器

而後你須要在該文件夾裏新建一個css文件，在css文件裏寫上定義字體，以下圖：

這是引用上面四個文件來定義字體，第一行的'iconfont'是你本身定義字體的名稱，能夠隨便命名

而後寫上大家熟悉的css樣式，以下圖：

.iconfont是html文件定義的類，不要和font-family："iconfont"相混淆，兩個都是本身能夠隨便命名的

最後就是你須要在html中引入該css文件，相信着你們都知道吧

須要注意的是第十行中&#xfoo7; ，這是引用你想要的圖標字體的unicode，只須要將你想要的 圖標字體的unicode複製在i標籤這個位置就能夠了。

有些朋友就有疑問，那我在哪裏找到我須要的unicode呢，這個問的很好，在你下載的還有一個html文件中，打開該文件，找到你想要的圖標字體，下面有編號，只將數字複製下來（注意：只複製數字，無論前面符號），粘貼覆蓋f007就能夠了

不難吧，相信你們都學會了，爲了讓你們看懂，有些地方挺囉嗦的，呵呵……