介绍 @font-face {
字体类型:& # 39;fa # 39;;
src: url(数据:字体/truetype; charset=utf - 8; base64, AAEAAAANAIAAAwBQRkZUTXLOMIUAAlXMAAAAHEdERUYAJwKrAAJVrAAAAB5PUy8yiDJ6IwAAAVgAAABgY21hcJ0vdNQAAAw4AAADAmdhc3D//wADAAJVpAAAAAhnbHlmHejPwQAAGdQAAh4kaGVhZAbB4eAAAADcAAAANmhoZWEO + QqbAAAB……long 长),格式(& # 39;truetype # 39;);
粗细:正常;
字体样式:正常;
}
.fa {
字体类型:“fa", !重要;
字体大小:16 px;
-webkit-font-smoothing:平滑;
-webkit-text-stroke-width: 0.2 px;
}/*,makes 从而,font 33%, larger relative 用,icon container */.fa-lg {
字体大小:1.33333333 em;
行高:0.75 em;
vertical-align: -15%;
}
.fa-2x {
字体大小:2 em;
}//long long 长...........
这篇文章给大家分享的是有关小程序使用font-awesome图标的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<节> <节> <节> <节>下载font-awesome字体包
打开Transfonter网站,上传字体fontawesome-webfont.ttf(理论其它文件格式也可以转换,并未尝试),选择base64编码,转换后下载
下载得到的包中有风格的文件,打开后获得以下代码,并对照font-awesome.css中的内容,加入到微信小程序的应用。wxs文件中
<节> <节> <节> <节> <节> <节> <节> <节>然后在小程序中使用类=癴a fa-user"即可,如& lt;文本类=癴a fa-user"祝辞& lt;/text>
感谢各位的阅读!关于“小程序使用font-awesome图标的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
