舉個例子,我想在項目中引用Iconfont裡面的圖標,怎麼辦 首先第一步,註冊賬號登入官網, 到如下界面 第二步,新建一個項目 第三步 上面記住,font-family這個改成你自己想要定義字體規則名稱 然後,你會有像下麵一樣的空項目 接著你在右上角搜索你要的圖標並且加到‘暫存車’ 看到上面,圖標就 ...
舉個例子,我想在項目中引用Iconfont裡面的圖標,怎麼辦
首先第一步,註冊賬號登入官網, 到如下界面
第二步,新建一個項目
第三步
上面記住,font-family這個改成你自己想要定義字體規則名稱
然後,你會有像下麵一樣的空項目
接著你在右上角搜索你要的圖標並且加到‘暫存車’
看到上面,圖標就被我們加到對應的項目裡面去了
然後像我一下往下做
解壓文件如下
請在編輯器中打開
接下來我只講我常用的一種方式,看下麵
打開iconfont.css文件
然後我們就刪
在這裡我們只要用ttf這個資源文件做一個對應的鏈接就好了,不必引入所有的資源文件,主要還是看自己需求--上面url前面少了個src,自行腦補哈
在看最後一個類名,就是我們的圖標名
然後我們在對應的i標簽引用這倆類名就好了。test是基礎!!!
以上就是基礎用法了。這裡說下集成elemt-icon的方式。我們直接上代碼