跳至内容

GTHost - 可靠且实惠的即时专用服务器

GTHost 提供全球 21 个地点的高性能专用服务器、VPS 和云服务器,5-15 分钟即时交付,无设置费用。配备 1-10Gbps 带宽、24/7 客户支持和 1-10 天低成本试用,适合各种预算需求。选择 GTHost,享受安全、快速、经济的服务器托管服务!

  • 下一页 centos8怎么删除文件
  • 上一页 win10自带邮箱无法和163网易邮箱同步该怎么办

近期文章

  • Go语言中如何优雅地存储JSON字符串中的敏感字段?
  • Go 项目开发目录结构:如何组织代码才能井井有条?
  • Golang 开机自启后无法打印日志:为什么日志文件无法打开?
  • Go 代码中的变量和常量命名冲突:如何理解 `NewLine` 和 `Newline` 的区别?
  • Go协程执行顺序会随机吗?

近期评论

您尚未收到任何评论。

小程序 · 2024年8月14日

微信小程序如何使用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图标的详细内容,更多请关注GTHOST其它相关文章!

您可能还喜欢...

  • php网络编程指南:Comet长轮询技术

  • 如何利用Redis和C#实现分布式缓存功能

  • 分析Linux日志文件中的字段和其含义

GTHost – 可靠且实惠的即时专用服务器 © 2025. 版权所有。

自豪地采用 WordPress. 主题设计 Alx.