N

Norlcayn的博客

A text-focused Halo theme

  • 首页
  • 文章
  • 默认分类
  • 关于
主页 在微信小程序中引入font awesome
文章

在微信小程序中引入font awesome

发表于 2024-05-8 更新于 昨天
作者 Administrator
4~5 分钟 阅读

获取图标

现在官网下载压缩包Font Awesome,一套绝佳的图标字体库和CSS框架 (dashgame.com),将文件解压后,得到以下文件:

转换字体文件

将font/fontawesome-webfont.ttf文件

通过Online @font-face generator — Transfonter获得Base64编码格式的文件,具体操作配置如下:

下载后得到一个压缩包

修改样式文件

解压压缩包,将解压出的文件中的stylesheet.css改名为stylesheet.wxss

将fontawesome文件下的css/font-awesome.css改名为font-awesome.wxss

最后将这两个文件放入微信小程序的项目文件中,在app.wxss中引入就可以使用了

@import"./stylesheet.wxss";
@import"./font-awesome.wxss";
wechat
许可协议:  CC BY 4.0
分享

相关文章

下一篇

小程序的一些疑难杂症

上一篇

Hexo相关命令

最近更新

  • Hello Halo
  • 状态机
  • 数据表设计规范
  • 缓存优化
  • 事务失效

热门标签

Halo 异常处理 Redisson 并行 Vue 并发 递归 请求限流 SpringAMQP 类加载器

目录

©2026 Norlcayn的博客. 保留部分权利。

使用 Halo 主题 Chirpy