1. 超梦电商首页
  2. 好文推荐

阿里巴巴字体下载（阿里字体图标使用教程图详解）

香香 • • 好文推荐 • 阅读 302

1.字体图标是什么？

字体图标简单的说，就是一种特殊的字体，通过这种字体，显示给用户的就像一个个图片一样。如下图：
阿里巴巴字体下载（阿里字体图标使用教程图详解）

2.字体图标怎么使用？

1）首先可以通过两个网站进行下载字体图标：

icomoon: https://icomoon.io/

阿里图标：https://www.iconfont.cn/ 2）进入网站进行图标的下载： 我们以icomoon网站为例，进入网站之后，选择右上角的icomoon app
阿里巴巴字体下载（阿里字体图标使用教程图详解）
3)直接单击想要的图标：
阿里巴巴字体下载（阿里字体图标使用教程图详解）
4）选择完成后，点击Generate Font-download
阿里巴巴字体下载（阿里字体图标使用教程图详解）
5）对下载完成之后的文件进行解压，并将fonts文件夹放置需要使用的根目录文件夹：
阿里巴巴字体下载（阿里字体图标使用教程图详解）
6）将下载的文件中的style.css文件打开，并将如下代码，引入到需要使用的文件中：
阿里巴巴字体下载（阿里字体图标使用教程图详解）
阿里巴巴字体下载（阿里字体图标使用教程图详解）
7)将图标放在一个标签中，并打开下载文件中的demo.html文件，右侧部分即为图标对应的字体，我们复制到我们的文件中，并添加相应的字体样式和大小等。
阿里巴巴字体下载（阿里字体图标使用教程图详解）
阿里巴巴字体下载（阿里字体图标使用教程图详解）
8）最终展示效果：
阿里巴巴字体下载（阿里字体图标使用教程图详解）
9）如果想要更新字体图标的话，选择网站左上角的import icons
阿里巴巴字体下载（阿里字体图标使用教程图详解）
10)选择之前下载文件中的selection.json文件
阿里巴巴字体下载（阿里字体图标使用教程图详解）
11)直接添加想要的图标下载即可
阿里巴巴字体下载（阿里字体图标使用教程图详解）

声明：本文由网站用户香香发表，超梦电商平台仅提供信息存储服务，版权归原作者所有。若发现本站文章存在版权问题，如发现文章、图片等侵权行为，请联系我们删除。

赞 (0)
香香香香网站编辑组
0 0
上一篇 2023年3月23日 13:03:24
下一篇 2023年3月23日 13:13:29

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注