0755-23698839
132-6576-8769

如何在小程序开发中使用iconfont的字体图标

创络讲堂 2021-09-30 10:18:06 121次 https://www.chuangluo.com/news_632.html 作者:创络科技

创络在公明为客户开发网站的时候,会非常频繁的使用iconfont的字体图标,因为其方便,容易控制。那么如何方便的在微信小程序中使用iconfont的字体图标呢?也非常简单,不需要借助第三方平台,只需要两步:设置iconfont格式后下载,放进项目后修改文件扩展名即可,具体请参考下方详细说明。

第一步:在iconfont的项目管理中找到需要的项目,然后把项目设置中的字体格式勾选上Base64,点击保存,然后下载Font Class资源包,下载到资源包中,只需要用到的文件是iconfont.css。

项目设置中的字体格式勾选上Base64

第二步:将下载好的iconfont.css文件复制到微信小程序的目录中,然后修改文件的扩展名,如果是微信小程序,则修改为:iconfont.wxss,如果是百度智能小程序,则可以不变,具体以各品牌小程序的命名规则为准。修改之后,在需要使用字体图标的页面中,引入改文件。然后就可以在小程序开发中,像开发常规web网站项目一样,非常简单的使用iconfont字体图标了。

  • 新增页面同时推送到百度智能小程序和百度搜索
    2021-01-12 14:35:26
    网站新增页面同时推送到百度智能小程序和百度搜索,可以帮助网站和小程序的资源尽快被抓取和收录,降低网站新生产的内容被其他人复制的利好,可以变相保护网站内容。
  • 智能小程序rich-text中不支持video视频组件的解决方案
    2020-12-25 14:18:08
    网站的数据同步到小程序后,可能或多或少会有一些问题,例如网站文章的正文中有video视频组件,而本文将介绍智能小程序的rich-text中又不支持video视频组件的解决方案。
  • 提交百度智能小程序总是代码审核未通过?
    2020-12-24 10:45:56
    百度智能小程序已经发展了一段时间,越来越多的企业开始在网站的基础上新开发小程序,但是提交审核的时候,总是会遇到各种各样的问题导致代码审核未通过。
  • 做好网站内容建设以提高百度小程序收录资源占比突破50%
    2019-12-09 17:04:06
    百度小程序收录资源要求页面质量较高,要提高百度小程序收录资源占比以突破50%,做好网站内容建设是经公明网络公司创络科技实践的有效方法。
  • 百度小程序新资源提交接口开发初体验
    2019-11-13 14:30:36
    由于经常长时间的把精力放在开发客户的项目上去了,再加上小程序客户数量不多,所以,我们一直没有特别留意百度小程序的资源提交这个接口。以前的MIP、熊掌号出来的时候,都是第一时间接入了推送接口的,直到今天看到通知说即将启动小程序鱼跃计划。
  • 小程序和微信公众号的开发有什么区别需要注意
    2018-07-24 17:13:16
    对于大多数项目来说,小程序的开发和微信公众号的开发基本是一致的,但是针对一些特别的项目则有很多细节不同,例如:支付、站外资源等。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839