# iconfont

**Repository Path**: evan_origin/imoociconfont

## Basic Information

- **Project Name**: iconfont
- **Description**: 慕课网之解密IconFont字体图标
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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>

```