跳至内容

美云

美国服务器选米云 – FWQ.AI

  • 下一页 DEDECMS清空栏目后,新建ID不从1开始怎么办
  • 上一页 手机上的小程序缓存该怎么清除

近期文章

  • 如何安全迁移 Docker 数据目录
  • telnet 命令详解与实用指南
  • 深度解析 C 语言数组传参:规则与示例
  • 轻量级AI模型优化与部署实践:边缘设备上的智能之道
  • 理解C++ 递归算法:从基础概念到实战案例,助力技术进阶

近期评论

您尚未收到任何评论。
  • 服务器教程
  • 源码和模板
  • 计算机语言
  • APP教程
  • AI教程
  • KYC
  • 加密货币
  • 匿名和隐私保护
  • 美国商务
  • 网站开发
  • Docker教程
  • VPN技术教程
  • 服务器教程
  • 源码和模板
  • 计算机语言
  • APP教程
  • AI教程
  • KYC
  • 加密货币
  • 匿名和隐私保护
  • 美国商务
  • 网站开发
  • Docker教程
  • VPN技术教程

小程序 · 2024年11月25日

微信小程序如何使用font-awesome图标

line-下载font-awesome字体包
打开Transfonter网站,上传字体fontawesome-webfont.ttf(理论其它文件格式也可以转换,并未尝试),选择base64编码,convert后下载

line-下载得到的包中有style文件,打开后获得以下代码,并对照font-awesome.css中的内容,加入到微信小程序的app.wxss文件中

@font-face {
font-family: 'fa';
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTXLOMIUAAlXMAAAAHEdERUYAJwKrAAJVrAAAAB5PUy8yiDJ6IwAAAVgAAABgY21hcJ0vdNQAAAw4AAADAmdhc3D//wADAAJVpAAAAAhnbHlmHejPwQAAGdQAAh3kaGVhZAbB4eAAAADcAAAANmhoZWEO+QqbAAAB......long long) format('truetype');
font-weight: normal;
font-style: normal;
}
.fa {
font-family: "fa" !important;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
//long long long...........

登录后复制

然后在小程序中使用class=”fa fa-user”即可,如

以上就是微信小程序如何使用font-awesome图标的详细内容,更多请关注米云其它相关文章!

您可能还喜欢...

  • 织梦Dedecms5.7整站怎么调用购物车订单数量

    织梦Dedecms5.7整站怎么调用购物车订单数量

  • 详解Redis使用认证密码登录

    详解Redis使用认证密码登录

  • 提交过期的文件会有问题吗?

    提交过期的文件会有问题吗?

美云 © 2026. 版权所有。


友情链接: 香港服务器 USA VPS