首页 > 编程语言 >微信小程序里使用iconfont

微信小程序里使用iconfont

时间:2023-07-28 15:15:21浏览次数:42  
标签:文件 程序 微信 iconfont 转化 字体 font

 

一、单纯使用icon字体,不带原始样式
1、下载fontClass版图

2、解压缩,将其中的.ttf字体格式文件进行转化

注:微信小程序里本身不支持通过url引入外部文件的方式,所以要将引用的文件转成引用Base64

转化后:


然后将这段转化后的@font-face替换到原先的iconfont.css文件中的@font-face
转化方法:
推荐转化网站:https://transfonter.org/

将iconfont.ttf字体文件上传,

上传成功后,将相应的配置打开:

然后转化下载Convert:

 

3、将iconfont.css扩展名改成wxss文件放到项目的assets文件下,其它的文件就不需要了,

4、在app.wxss中引用iconfont

 

5、使用

 转载自 https://blog.csdn.net/m0_56542349/article/details/126045399

标签:文件,程序,微信,iconfont,转化,字体,font
From: https://www.cnblogs.com/wsk198726/p/17587648.html

相关文章

  • 程序员 不得不知道的 API 接口常识
    说实话,我非常希望自己能早点看到本篇文章,大学那个时候懵懵懂懂,跟着网上的免费教程做了一个购物商城就屁颠屁颠往简历上写。至今我仍清晰地记得,那个电商教程是怎么定义接口的:管它是增加、修改、删除、带参查询,全是POST请求一把梭,比如下面这样:修改用户的收货地址POST/xxx-mall/c......
  • 微信公众号模板消息源码实现,打破服务号群发推送次数限制
    公众号服务号每个月只能群发推送四次文章,我们可以使用模板消息为公众号粉丝推送信息下面是使用golang实现的模板消息发送类库封装,轻松实现模板消息发送wechat.gopackagelibimport("github.com/silenceper/wechat/v2""github.com/silenceper/wechat/v2/cache"......
  • 程序版本号规则参考
    参考文档:Unity创建自定义包-包清单-版本控制 ......
  • 《一个程序猿的生命周期》-《发展篇》- 44.再次进军内蒙市场(转型)
        2015年9月16日写过一篇文章《争取内蒙区的市场销售》,这是发生在2013年左右的事,距今相隔10年左右的时间。2023年1月18日(春节前)开始几乎每周都要去内蒙,从第一次与稀土领域的领导交流,中间出现新的稀土项目机会,现场交流、商务、招人、调研、方案设计等,即有身心疲惫又有努......
  • python教程 入门学习笔记 第2天 第一个python程序 代码规范 用默认的IDLE (Python GUI
    四、第一个python程序1、用默认的IDLE(PythonGUI)编辑器编写2、在新建文件中写代码,在初始窗口中编译运行3、写完后保存为以.py扩展名的文件4、按F5键执行,在初始窗口观看运行结果5、代码规范:1)先保存再执行2)一句代码单独占一行3)语法中的符号,必须使用英文4)代码前面不能有......
  • 如何对接微信公众号模板消息
    微信公众号的模板消息进行了更新,与之前比有了不少的变化,以前的一些类目也没有了,历史模板还是可以继续使用的,下面是新版模板消息的使用步骤选择服务类目前往【广告与服务】【模板消息】【模板库】【类目模板库】点击服务类目的详情,选择一个自己的服务类目比如我选择的是:商业服务......
  • uni-app写微信小程序,data字段循环引用
    在写程序过程中,需要使用到globalData里的内容,而这个全局变量,在uni-app上需要通过:varapp=getApp();app.globalData.xxx=xxx来使用。我觉得每次都要获取app对象,嫌麻烦,就在data数据段里定义一个app字段,之后就通过this.app.globalData来使用,问题就出现在这。我用hbuilderX运行......
  • 每日汇报 第五周第五天 JAVASwing程序设计
    今日学习:掌握JLabel标签组件的使用方法和如何依据现有的图片创建图标。掌握按钮组件、单选按钮组件和复选框组件的使用方法。掌握JComboBox下拉列表框组件和JList列表框组件的使用方法。掌握JTextField文本框组件、JPasswordField密码框组件和JTextArea文本域组件的使用方法......
  • 陪诊小程序软件|陪诊系统定制|医院陪诊小程序
    开发一个陪诊小程序需要投入一定的费用,具体金额会因项目的复杂程度、功能需求和推广政策而有所差异在投入资金之前,建议进行市场调研和需求分析,制定出合理的预算,并选择专业的开发团队进行合作,那么开发陪诊小程序需要设计哪些功能呢?接下来小编就给大家分享下陪诊系统开发功能。1、医......
  • VS 还原 NuGet 程序包时出错: 无法加载源 https://dotnet.myget.org/F/aspnetcore-dev
    错误还原NuGet程序包时出错:无法加载源https://dotnet.myget.org/F/aspnetcore-dev/api/v3解决方法在新源中添加地址:https://www.nuget.org/api/v2/......