iconfont 慕课网之解密IconFont字体图标

慕课网之解密IconFont字体图标

字体图标的使用

1. 使用国外的 https://icomoon.io/

2. 使用阿里矢量图标 https://www.iconfont.cn/

使用 阿里矢量图标的三种方式
1. unicode 的方式(只能显示单身图标)
    例如： 
        引入对应的 css 和 字体文件
        <link rel="stylesheet" href="css/font.css">
        html中使用
        <span class="iconfont">&#xe68b;</span>

2. font class 的方式(只能显示单身图标)
   引入对应的 css
   <link rel="stylesheet" href="http://at.alicdn.com/t/font_1722314_5loj9nfs578.css">
   html中使用: 
   <span class="iconfont iconchrome fontSize1"></span>

3. symbol的方式(使用彩色图标)
   <!-- symbol方式的图标使用 引入对应的 js文件 -->
   <script type="text/javascript" src="http://at.alicdn.com/t/font_1722314_5loj9nfs578.js"></script> 

   html中使用 svg的方式:
   <svg class="icon fontSize" aria-hidden="true">
    <use xlink:href="#iconf-apk"></use>
   </svg>

zeal / iconfont

iconfont 慕课网之解密IconFont字体图标

慕课网之解密IconFont字体图标

字体图标的使用

1. 使用国外的 https://icomoon.io/

2. 使用阿里矢量图标 https://www.iconfont.cn/

简介

发行版

贡献者

近期动态

zeal / iconfont .gitee-modal { width: 500px !important; }

iconfont 慕课网之解密IconFont字体图标

慕课网之解密IconFont字体图标

字体图标的使用

1. 使用国外的 https://icomoon.io/

2. 使用 阿里矢量图标 https://www.iconfont.cn/

简介

发行版

贡献者

近期动态

搜索帮助

zeal / iconfont

2. 使用阿里矢量图标 https://www.iconfont.cn/