梦碎438 2023-03-01 22:13 采纳率: 52.6%
浏览 12
已结题

微信小程序问题(初学者)

微信小程序怎么引入iconfont?我找了好多有关的都没解决

  • 写回答

1条回答 默认 最新

  • 以山河作礼。 新星计划导师 2023-03-01 22:40
    关注

    1、登录iconfont官网,创建账号并登录。

    2、在首页选择你需要的ICON图标,点击右上角的“收藏夹”,将选择的ICON图标加入收藏夹。

    3、点击右上角的“下载”,根据实际情况选择下载项目,在下载项目中可以看到iconfont.ttf字体文件。

    4、将iconfont.ttf字体文件放到小程序项目中,在app.wxss文件中引入字体文件:@font-face { font-family: "iconfont"; src: url('/fonts/iconfont.ttf') format('truetype');} 。

    5、在需要使用的页面的wxss文件中引入字体库,并设置使用字体图标:.iconfont { font-family:"iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } 。

    6、在页面wxml文件中使用字体图标:,设置字体图标对应的unicode码:

    7、完成!回答不易,记得采纳呀!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 3月17日
  • 已采纳回答 3月9日
  • 创建了问题 3月1日

悬赏问题

  • ¥15 高德地图点聚合中Marker的位置无法实时更新
  • ¥15 DIFY API Endpoint 问题。
  • ¥20 sub地址DHCP问题
  • ¥15 delta降尺度计算的一些细节,有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程
  • ¥15 redis-full-check比较 两个集群的数据出错
  • ¥15 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办