iconfont筆記

饑人谷_李棟


1.條件
2.方法


一、條件
網址:iconfont.cn
有個人賬戶
選擇icon
點擊購買
在暫存架上: 點擊 存儲為新項目-> 填入名字 -> 點擊儲存

二、方法
方法1:選擇unicode

在項目管理 ->編輯項目 的font famliy 改下名字jd-iconfont
->獲取在線鏈接 ->生成在線鏈接
生成純css的代碼字體聲明
這段代碼可以拷貝到頁面
下面聲明一個類的font-family:jd-iconfont(上面改的名字)

.js-cont{
    font-family:jd-iconfont;
}

你在任何地方聲明類是js-cont,內容為iconfont字體代碼如
//這種方法不知道怎么搞的 jsbin里面顯示正常
//下載到電腦 瀏覽器不能正常顯示

右側有 unicode or font class
選擇可以改變圖標的具體代碼

方法2:選擇 font class

獲取在線鏈接里面
會生成一段css鏈接地址 //可以在瀏覽器中看看內容
在style標簽里面聲明鏈接,如

<link rel="stylesheet" >

在代碼中 用兩個類
第一個聲明字體的類 如 jd-iconfont
第二個 用 有意義的類名 如 icon-star

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容