微信小程序中引用FontAwesome字体最完整教程附下载源码

拷贝到小程序,只需要拷贝css样式文件,其他都不需要.

5.在桌面新建一个fontAwesome.wxss文件

6.打开4中的文件&＃xff0c;复制里面的代码到5中的新建的fontAwesome.wxss文件中 stylesheet.css代码如下: 图片中已经把图标文件转成64位字符了.

复制到fontAwesome.wxss中:

7.打开1中的文件font-awesome.css,复制里面的css(去掉&＃64;font-face部分)到新建的fontAwesome.wxss文件中

&＃xff08;接着6中复制内容的后面&＃xff09;
font-awesome.css如下: 这个步骤比较关键.意思就是除了路径之外的样式文件都拷贝过来.

打开文件:

复制其余部分到fontAwesome.wxss
其实就是把两个css文件拼接起来就好了.
上面来自font-awesome.css
下面来自stylesheet.css 这步很关键,很多人就是错失了这一步,导致失败.

8.然后引入小程序中直接用就可以了

小程序需要引用的文件就一个.


Loading...
Loading...
Loading...
Loading...


效果如下 不错吧,关注 28找群 公众号 更多惊喜.