微信小程序fontawesome
时间: 2023-09-24 15:10:09 浏览: 60
微信小程序中使用FontAwesome图标的步骤如下:
1. 在微信小程序中新建一个文件,命名为stylesheet.wxss,并将stylesheet.css的代码粘贴到这个文件中。
2. 下载font-awesome的文件,并找到其中的font-awesome.css文件。与第一步相同的操作,将其内容粘贴到微信小程序中新建的font-awesome.wxss文件中。但是要注意删除@font-face这一块的样式,只复制其余的样式。
3. 打开https://transfonter.org/,导入font-awesome下载的【fontawesome-webfont.ttf】文件。这将转换字体文件并生成一个新的文件。将新生成的文件下载并保存为font-awesome.wxss。
通过以上三个步骤,你就可以在微信小程序中使用FontAwesome图标了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [微信小程序—使用font-awesome图标库(图文)](https://blog.csdn.net/Poppy_LYT/article/details/99979480)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [【小程序】使用font-awesome字体图标的解决方案(图文)](https://blog.csdn.net/dxnn520/article/details/125481715)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]