微信小程序使用font awsome图标库(最新fontawsome5)
本文档为个人博客文档系统的备份版本、作者:小游、作者博客:点击访问
1.先去官网下载 我们下载最新版的
http://fa5.dashgame.com/#/
我们进入webfont的文件夹,上传字体到这个网站:https://transfonter.org/
我们用下面这个
最后得到的内容
我们只需要css文件就可以了
把里面的文件自己复制到wxss文件里面
找到在font-awesome下载的文件里的font-awesome.css文件,并和第四步同样的操作:在微信小程序里新建一个font-awesome.wxss的文件,并粘贴font-awesome.css的代码
然后我们在app.wxss里引入新建的两个wxss文件(fontawsome.wxss,里面没有横)
注意,还需要自己加上下面两个样式
然后我们测试一下<text class="fa fa-user"></text>
测试成功
微信小程序使用font awsome图标库(最新fontawsome5)相关推荐
- 微信小程序中使用阿里巴巴图标库
这里写自定义目录标题 微信小程序中使用阿里巴巴图标库 第一步 第二步 第三步 微信小程序中使用阿里巴巴图标库 第一步 阿里巴巴图标正常加入自己的项目,并下载到本地: 注意:这里的选择 ![在这里插入图 ...
- 【微信小程序】引入Base64 图标库
场景描述 小程序icon图标需要使用base64编码后的icon,不使用png.jpg等格式的图片 解决方法 1.进入阿里图标库 https://www.iconfont.cn/ 2. 创建一个项目 ...
- 在微信小程序中使用阿里图标库Iconfont
点击 '下载至本地',并解压文件夹 把这几个文件放在小程序项目中, 在app.wxss(图片上用的是taro和taro-UI框架的格式)中引入iconfont.css,然后其他地方就可以使用了
- uniapp 微信小程序使用antv f2图标库
进入 antv github 找到 wx-f2 这个仓库 点击进入,然后进入 src 目录,将里面的组件文件复制到自己的项目中. 也就是: 在 uniapp 项目中的 wxcomponents 文件夹 ...
- 微信小程序使用阿里彩色图标
微信小程序使用阿里彩色图标 首先全局安装 iconfont-tools 1.先windows+R打开cmd命令窗口 2.输入npm i -g iconfont-tools 3.下载自己要使用的彩色图标 ...
- 微信小程序-如何使用icon图标
原 微信小程序使用字体图标 2017年07月03日 19:29:09 阅读数:24209 项目中常常需要使用到字体图标,微信小程序中使用字体图标与在平常的web前端中类似但是又有区别.下面以使用阿里图 ...
- 微信小程序中使用vant组件库(超详细)
目录 前言 Vant Weapp的安装与使用 1.安装 node.js 2.通过 npm 安装 3.修改 app.json 4.修改 project.config.json 5.构建 npm 包 6. ...
- 小程序源码:网课查题微信小程序源码下载,题库资源丰富自动采集,支持语音拍照识别
这是一款网课查题微信小程序源码 题库资源丰富自动采集, 支持语音拍照识别 该款采用接口方式,所以题库自动全网采集 而且该款小程序无需服务器和域名即可搭建 大家解压源码然后使用微信开发者工具打开源码 然 ...
- 微信小程序导入Vant Weapp组件库
超详细!微信小程序导入Vant Weapp组件库 Vant Wepp组件库轻量.可靠,同时组件样式丰富美观,容易上手,我们可以引入该组件库来实现小程序的相关界面样式. Vant Weapp组件库官方文 ...
- uniapp微信小程序 map地图markers图标不显示,markers图标真机调试不显示
uniapp微信小程序 map地图markers图标不显示,markers图标真机调试不显示 举例: 预期效果如下,蓝色为用户位置,红色为店铺位置均为自定义图标 实际发布后手机上的效果 (此处忽略位置 ...
最新文章
- FreeMarker中文帮助手册API文档,基础入门学习文档
- Echart的angularjs封装
- 漫画谈-微积分(一)
- 关于bochs用X11启动的说明
- 路床灰土计算机控制,亳阜高速公路路床灰土施工方案
- redis-对象的存储-JSON
- ip、子网掩码、默认网关以及传输过程
- 一级计算机新增题库2上网题图解,计算机一级《MS Office》上机操作题题库(2)
- 平流式沉淀池表面负荷怎么计算_竖流式与辐流式沉淀池
- 【Beta阶段】第三次Scrum Meeting!
- 等线PCB布局的13条基本规则
- Himall商城LinqHelper帮助类(2)
- 压力测试-LR工具安装
- Ubuntu 部署Django, Wagtail,Postgres, Nginx, Gunicorn,Supervisor
- 亿豪的python学习 day14
- From Intrusion Detection to Attacker Attribution: A Comprehensive Survey of Unsupervised Methods翻译
- redis 在32位系统安装以及使用
- 银河麒麟操作系统以root用户登录的方法
- 32岁转行0基础学Html5,30岁没学历从零开始学什么好,30岁改行的5个职业
- iPhone 微信页面自动音乐播放