微信小程序中引用FontAwesome字体

其他 2019-06-14 18:20:23 阅读次数: 0

原文链接：http://www.yiyongtong.com/archives/view-6272-1.html

1.到Font Awesome官网下载字体包

官网链接:Font Awesome中文官网

2.打开1中下载的压缩包找到.ttf文件

如下图所示:

3.上传2中的字体文件到https://transfonter.org/，选择base64 编吗，convert后下载

如下图所示:

4.打开3中下载的文件，找到stylesheet.css

5.在桌面新建一个fontAwesome.wxss文件

6.打开4中的文件，复制里面的代码到5中的新建的fontAwesome.wxss文件中

stylesheet.css代码如下:

复制到fontAwesome.wxss中:

7.打开1中的文件font-awesome.css,复制里面的css(去掉@font-face部分)到新建的fontAwesome.wxss文件中（接着6中复制内容的后面）

font-awesome.css如下:

猜你喜欢

转载自blog.csdn.net/weixin_33877885/article/details/91033824

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

微信小程序中引用FontAwesome字体

微信小程序引入fontawesome图标

微信小程序使用FontAwesome

如何在微信小程序中国引入fontawesome字体图标

微信小程序--引用外部字体（云开发实现）

微信小程序——Iconfont字体图标的引用

微信小程序开发引用iconfont字体图标

微信小程序——引用阿里云字体引用阿里云矢量图标库

微信小程序---引用

微信小程序中引入外部字体

微信小程序中，数字等宽字体

微信小程序中设置字体的坑

微信小程序中引入ttf字体

微信小程序：外部字体引用以及遇到的一些问题（字体图标/字体文件）

微信小程序中登录操作-----与-----引用

微信小程序中引用外部js文件

微信小程序引用iconfont图标字体解决方案；

微信小程序引入字体图标

微信小程序--字体展示

微信小程序——coin字体图标

微信小程序引入外部字体

微信小程序引用腾讯视频

微信小程序页面结构--引用

微信小程序引用外部js

微信小程序引用iconfont

微信小程序模板、事件、引用

微信小程序js页面引用/utils函数引用

微信小程序——页面引用模块引用

今日推荐

周排行

成为C++高手之宏与枚举

在CAD二次开发中使用进度条

Js插件ECharts，HighCharts学习网址整理

Celery提交任务出错(on windows.)

cephfs内核客户端性能追踪

thinkphp中PHPExcel用法

EntityFramework动态组合多排序字段

汇编语言（八）实验9 根据材料编程

安装ubuntu后必须做的事情（对我而言）

JS函数式编程

每日归档

2024-10-22(0)

2024-10-21(0)

2024-10-20(0)

2024-10-19(0)

2024-10-18(0)

2024-10-17(0)

2024-10-16(0)

2024-10-15(0)

2024-10-14(0)

2024-10-13(0)