欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

字体图标

程序员文章站 2024-02-16 23:31:58
...

阿里

1,打开阿里巴巴矢量图,选择你所需要的
2,把你选择的添加到购物车,然后下载
3,下载好之后解压,
4,开始操作了,把iconfont复制到css文件里,然后在HTML里面导入

<link rel="stylesheet" type="text/css" href="./iconfont.css">![这里写图片描述](https://img-blog.csdn.net/20171114180710008?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2VpeGluXzQwNjg4OTU2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

字体图标

5,在下载的图片里选择合适的图片加载在页面里

<i class="iconfont icon-xxx"></i>

把图片下面的地址复制到上面的链接就行了
替换icon-xxx, 注意,不要把点也复制了
字体图标

Font Awesome

1,进入网页,把需要的下载下来,文件包放在css里面

2,在页面里导入

<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">

3,把他下面的代码复制上去就行了

字体图标

相关标签: html