【微信小程序】引用FontAwesome字体

摘要:
1.在FontAwesome官网下载字体包:http://www.fontawesome.com.cn/2.打开压缩包以查找。ttf文件3。打开字体并将其上载到网站https://transfonter.org/,选择base64编辑,转换后下载4。下载转换后的文件5。创建一个新的fontAwesome.wxss文件,并将stylesheet.css的内容复制到其中6。在1中打开字体awes文件

1. 到Font Awesome官网下载字体包:http://www.fontawesome.com.cn/

2. 打开压缩包找到.ttf文件

【微信小程序】引用FontAwesome字体第1张

3. 打开字体上传到网址 https://transfonter.org/,选择base64 编吗 ,convert后下载

【微信小程序】引用FontAwesome字体第2张

4. 下载转换后的文件

【微信小程序】引用FontAwesome字体第3张

5. 新建一个fontAwesome.wxss文件,将stylesheet.css的内容复制到里面

6. 打开1中的文件font-awesome.css,复制里面的css(去掉@font-face部分)到新建的fontAwesome.wxss文件中

7. 在全局的app.wxss文件中引入fontAwesome.wxss,然后这样使用:<text class="fa fa-user"></text>

说明:由于我用的是font Awesome字体,这里只提到font Awesome字体的引用方式,像iconfont字体也是可以类似引入的。

免责声明:文章转载自《【微信小程序】引用FontAwesome字体》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇NLTK的使用docker+ceph实现私网云盘下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Linux snmp导入MIB库

Linux中使用的net-snmp带有一些标准MIB,但世界上有无数种支持snmp的设备,每个制造商都有自己的定义。这些定义不能包含在net-snmp附带的MIB中。因此,如果要正确轮询此类设备,必须加载制造商自己的MIB文件。...

Windows Server 2008 R2 备份与恢复详细实例

Windows ftp服务可以在百度内置,非常简单。)1.首先安装windows server 2008R2的备份功能。查找Windows的“服务器管理器”。下图显示了我的服务器的情况。双击它。备份完成后,我们卸载qq并删除磁盘F的数据。Linux服务器在没有密码的情况下构建Samba登录,并使用yum进行安装。...

buildroot使用介绍【转】

整个Buildroot由Makefile脚本和Kconfig配置文件组成。就像编译Linux内核一样,您可以编译一个完整的Linux系统软件,该软件可以通过buildroot配置和menuconfig修改直接写入机器。使用buildroot构建基于qemu的虚拟开发平台。请参阅通过buildroot+qemu构建ARM Linux虚拟开发环境。工具链--˃配...

mysql状态查看 QPS/TPS/缓存命中率查看

showglobalstatusslike'Com_ commit';showstatslike“无缓冲池读取%”;Thread_cache_Hits=(1-Thread_created/connections)*100%(8)锁定状态mysql&gt;showstatslike“Binlog_缓存%”;...

开源跳板机jumpserver的安装部署和使用详细教程及踩坑经验

安装篇jumpserver需要依赖于mysql数据库,python开发工具的支持,所以需要安装一系列软件。按照提示进行所有流程的安装,安装完成之后访问http://ip:8000端口即可登录到jumpserver。因为jumpserver会在被管理的后端主机上通过此处指定的管理用户来添加指定的用户和sudo权限:配置sudo授权,用于添加sudo授权。...

win server2008关闭危险端口445,135,137,138,139的方法

在Windowsserver2008系统上,有两种途经可以禁用本地端口:1、通过Windows防火墙2、通过IP安全策略一、通过Windows防火墙禁用端口:1、点击“控制面板-Windows防火墙”,确保启用了Windows防火墙。重复操作,添加135、137、138、139规则然后在新规则属性中,单击筛选器操作选项卡单击下方的添加,并且不要勾选右侧的使用...