首页 > 分享 > 阿里字体库使用教程

阿里字体库使用教程

阿里字体库使用教程

AIains 已于 2023-10-20 11:32:22 修改

于 2023-10-10 13:10:49 首次发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

在浏览网页的时候,我们会发现网页中有很多各种各样的图标,其实他们不是图片,而是一种特殊的字体,这种字体的来源渠道常见的有阿里字体库。

 官方网址:https://www.iconfont.cn/

因为是字体,所以对文本可以使用的样式,对它都可以使用。

使用步骤如下:

1、首先进行账号的注册和登录。

2、进行搜索,然后将想要的字体图标添加入库。

3、然后点击右上角的购物车

4、将购物车里面的文字图标添加到项目

5、添加到项目的时候,可以新建项目

6、选中font  class 然后下载至本地。

7、下载后的文件,打开是这样的

8、将文件放入到项目中,然后通过link引入使用。

代码举例如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="./font/iconfont.css">

<style>

.zdyLeiMing{

color: red;

font-size: 20px;

}

</style>

</head>

<body>

<i class="iconfont icon-fangdajing zdyLeiMing"></i>

</body>

</html>

相关知识

阿里花花鲜花
C4D教程
阿里古格王国遗址
橡皮泥制作:漂亮的花步骤教程
如何在Python中使用Pandas库进行季节性调整?
阿里花花鲜花会员制上线
神秘的阿里古格王国遗址
arduino阿里云iot
华为阿里字节们,“花名文化”哪家强?
花瓣剪辑怎么用 花瓣剪辑使用教程

网址: 阿里字体库使用教程 https://m.huajiangbk.com/newsview659381.html

所属分类:花卉
上一篇: web如何设计花体字
下一篇: Android 字体库的使用。引