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

互联网 17-3-25

下载得到的包中有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"即可，如<text class="fa fa-user"></text>

以上就是微信小程序如何使用font-awesome图标的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：小程序研发，小程序开发，微信