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" href="//at.alicdn.com/t/font_1450535060_5544126.css">

在代码中 用两个类
第一个声明字体的类 如 jd-iconfont
第二个 用 有意义的类名 如 icon-star

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容