先去注冊個號碼，好像只可以用新浪微博登錄哈，搞一個微博去。

第一就是點上面圖標庫，選擇官方和所有都行。

恩接著點一個圖標，他就自己跑到 第二個按鈕哪里去了，在點第二個按鈕，會出來一個創建項目，隨便創建一個就好。

上圖不說話

下載本地這個 大家都會把我就不解釋了哈，別問我 怎么不和照片一樣，我之前就給那個項目里面加了好幾個圖標，你的只有一個圖標是正確的。

恩然后就得到了這么多文件，然而我們只要我紅色框里面圈到的文件就好

?

?

現在我們把 我們要得到的東西都得到了，然后就是 你自己寫html了：

第一步：使用font-face聲明字體

@font-face {
　　font-family: 'iconfont';src: url('iconfont.eot'); /* IE9*/src: url('iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */url('iconfont.woff') format('woff'), /* chrome、firefox */url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/url('iconfont.svg') format('svg'); /* iOS 4.1- */
}

第二步：定義使用iconfont的樣式

.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;
}

第三步：挑選相應圖標并獲取字體編碼，應用于頁面

<i class="iconfont">&#x33;</i>

第一步那些代碼全部復制粘貼到你的css文件，嗯嗯，上面說到 要的那四個文件 你找一個地方存著，看后綴eot和woff和ttf和svg后綴的，對于上面的吧路徑弄對，弄就是搞的意思。然后把第二部全部也復制在css里面，那個 .inconfont 那個class名字，你給你的i標簽class用什么名字第二部就用什么名字。當然在第二部那個inconfont里面也可以加color顏色啊，font-size改變大小啊 都可以的哈。第三部i標簽里面放的那個代碼就是第四張圖 下面的那個代碼，那個代碼就能出來圖標 恩 OK了，完美不，快大聲喊完美

?

轉載于:https://www.cnblogs.com/shoestrong/p/5394229.html

總結

以上是生活随笔為你收集整理的inconfont 字体库应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。