浅谈微信小程序中自带和外置图标的引入和使用方法(微信小程序引入字体图标)

本文将为大家介绍微信小程序中自带图标和外部图标的使用方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

相关学习推荐:小程序开发教程

自己的图标

ltview class = 容器 gt ltview class = icon -box ； gt lticon class = 图标-方框-img ；type = 成功 gt；size = 93 gt lt/icon gt； ltview class = icon -box -ctn ； gt ltview class = 图标-方框-标题 gt成功

下载到本地后，解压一个文件名为iconfont.css的文件夹，编辑复制内容。

@ font -face { font -family: ；iconfont ；src:URL( # 39；iconfont.eot？t = 1537179845858 # 39);/* IE9 */src:URL( # 39；iconfont.eot？t = 1537179845858 # iefix # 39)格式( # 39；嵌入式-opentype # 39；)、/* IE6-IE8 */URL( # 39；数据:应用/x-font -woff；charset = ut F-8；base64，d 09 grgabaaaaaaaaarkaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabhu 1 vcaaaaabaabcaaaaaaaaaaaaaaa 8 aaaaaaaaaaaaaaaafy 8d 0of 21 hcaaaaaaaaaaaaaaaaacqaaacpbvg 7 innbhlmaaaclaaabkiaaaiqzvcakmhlywqaaahwa aaamqaaaady T3 iegaghlyqaackakagaaaaaaaaaaaaajakrmbobx 4 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa)格式( # 39；woff # 39)，网址( # 39；iconfont.ttf？t = 1537179845858 # 39)格式( # 39；truetype # 39)、/* chrome、firefox、opera、Safari、Android、iOS 4.小编*/URL( # 39；iconfont.svg？t = 1537179845858 # iconfont # 39)格式( # 39；svg # 39);/* iOS 4.1- */}。icon font { font -系列: iconfont ！重要；font -大小:16pxfont-style:正常；-WebKit -font -平滑:抗锯齿；-moz -OSX -font -平滑:灰度；} . icon -arrow -right:before { content:\ e601 ；}.icon-29:在{ content: ；\ e61a ；} . icon -冲之:before { content: ；\ e614 ；} . icon -关羽women:before { content: ；\ e61f ；} . icon -tixian:before { content: ；\ e649 ；} . icon -order -add:{ content: ；\ e747 ；}.icon-option:在{ content: ；\ e60b ；} . icon -官立院:before { content: ；\ e600 ；} . icon -钱宝:在{ content: ；\ e64a ；} . icon -宣祥:before { content: ；\ e7ea ；} . icon -Cash:before { content: ；\ e611 ；}打开微信开发者工具，寻找app.wxss，将刚刚复制的内容粘贴到下面。wxml中的Quote icon，例如e icon-guanliyuan:before。这是一个经理图标。

lticon class = icon -关梨园:之前 gt lt/icon gt；更多编程知识请访问:编程教学！！以上就是微信小程序中自带和外置图标的介绍和使用方法的详细说明。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 微信小程序翻译功能上线：现已支持18种语言
• 如何使用微信小程序中的车牌号输入法（如何使用微信小程序中的车牌号输入法进行打印）
• 微信小程序无法获取位置信息怎么办？（微信小程序无法获取位置信息）
• 微信小程序如何实现九宫格跳（如何在小程序中配置九宫格抽奖）
• 如何调节微信小程序的亮度？

本文由主机参考刊发，转载请注明：浅谈微信小程序中自带和外置图标的引入和使用方法(微信小程序引入字体图标) https://zhujicankao.com/78199.html