美文网首页
html5+css3静态页面使用阿里图标

html5+css3静态页面使用阿里图标

作者: 糖醋鱼_ | 来源:发表于2020-10-27 14:14 被阅读0次

    1、打开 阿里图标库 (无账户先注册登录)
    2、点击加入自己的购物车(可加多个自己需要的图标)

    图标库
    3、点击右上角进入自己的购物车,下载代码
    下载代码
    4、下载完成打开把其中的 iconfont.css 文件,拉到项目的 css 目录下
    image.png
    5、html文件引入 iconfont.css 文件 ,并引用
    image.png
    注:引用 icon 图标的 class 定义的规则:iconfont icon名 ,icon名在 iconfont.css 文件中 如:
    icon名

    还有更多方法,欢迎补充!

    相关文章

      网友评论

          本文标题:html5+css3静态页面使用阿里图标

          本文链接:https://www.haomeiwen.com/subject/ivqxvktx.html