美文网首页
iconfont笔记

iconfont笔记

作者: xingkong_s | 来源:发表于2016-01-01 23:03 被阅读98次

    饥人谷_李栋


    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

    相关文章

      网友评论

          本文标题:iconfont笔记

          本文链接:https://www.haomeiwen.com/subject/aqdwhttx.html