iconfont添加两个图标
时间: 2023-08-30 19:05:05 浏览: 59
要添加两个图标到iconfont,可以按照以下步骤进行:
1.登录iconfont官网,选择需要添加图标的项目。
2.在项目页面中,点击右侧的“添加图标”按钮。
3.在弹出的添加图标窗口中,选择“自定义图标”选项。
4.在弹出的自定义图标窗口中,选择“上传图标”选项。
5.选择需要上传的图标文件,可以是SVG、AI、EPS、PNG、JPG等格式。
6.上传成功后,在弹出的编辑图标窗口中,可以设置图标名称、Unicode码等信息。
7.重复以上步骤,添加第二个图标。
8.保存所有更改,并在需要使用这些图标的项目中引入iconfont的CSS文件。
9.在HTML中使用对应的Unicode码或类名来调用图标即可。
注意:添加图标时要确保图标版权合法,不要侵犯他人的知识产权。
相关问题
页面引用多个iconfont图标
可以通过在HTML文件的head标签中使用link标签引入多个iconfont图标的CSS文件,例如:
```html
<head>
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1234567_abcded.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_2345678_efghij.css">
</head>
```
其中,`href`属性的值为不同的iconfont图标的CSS文件链接。然后,在需要使用图标的地方,可以通过在HTML标签中添加`class`属性来指定不同的图标,例如:
```html
<i class="iconfont icon-xxx"></i>
<i class="iconfont icon-yyy"></i>
```
其中,`icon-xxx`和`icon-yyy`是对应的CSS类名,用来指定不同的图标。
iconfont怎么上传png图标
要上传 PNG 图标到 iconfont,您需要遵循以下步骤:
1. 打开 iconfont 官网并登录。
2. 点击顶部菜单栏中的“图标管理”,选择“我的项目”。
3. 点击“创建项目”,填写项目名称和描述,然后点击“创建”。
4. 点击“添加图标”,选择“上传图标”,然后选择您要上传的 PNG 图标并上传。
5. 等待上传完成,然后设置图标名称、代码和分类。
6. 在完成所有设置后,点击“确定”保存您的图标。
现在您已经成功上传 PNG 图标到 iconfont,并可以在您的项目中使用它们。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)