小程序中引用iconfont图标

头像
小楼南风
    阅读 1 分钟

    1.在阿里图标库中找到需要的图标并加入项目

    2.把项目下载项目到本地
    image.png

    3.在本地打开下载的目录将 iconfont.css文件改为iconfont.wxss复制到项目中
    image.png
    image.png

    4.在app.wxss中引入iconfont.wxss
    image.png

    5.在阿里图标库我的项目中 点击复制代码
    image.png

    6.将复制的@font-face替换掉iconfont.wxss中的@font-face
    image.png

    7.在项目中引用
    image.png

    详细教程点击传送门

    iconfont小程序
    小楼南风
    14 声望0 粉丝
    « 上一篇
    web前端开发中遇到的问题整理记录——2019-04

    引用和评论

    推荐阅读
    头像
    2025年最新反编译微信小程序的教程及工具

    TANKING赞 9阅读 6.5k

    头像
    微信小程序接入DeepSeek｜实现智能对话

    南玖赞 3阅读 1.1k

    头像
    3分钟教你注册美区苹果账号 - 最新教程

    失落的热水瓶阅读 17.3k

    头像
    在线考试答题系统（Web+H5+小程序）开发方案与实现附源代码

    行走的打火机阅读 6.4k

    头像
    Taro 源码揭秘：4. 每次 npm run dev:weapp 开发小程序，build 编译打包是如何实现的？

    若川阅读 4.6k

    头像
    Taro 源码揭秘：10. Taro 到底是怎样转换成小程序文件的？

    若川赞 1阅读 707

    头像
    Taro 源码揭秘：8. Taro 是如何使用 webpack 打包构建小程序的？

    若川阅读 697

    0 条评论
    得票最新