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

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

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

自己的图标

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；更多编程知识请访问:编程教学！！以上就是微信小程序中自带和外置图标的介绍和使用方法的详细说明。请多关注主机参考其他相关文章！

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

• win10找不到我的电脑图标(win10系统找不到我的电脑图标)怎么办
• 关于微信小程序中引入和使用自带和外部图标的方法（微信小程序引入其他页面）
• 如果win10系统网络图标变成地球（电脑网络变成地球图标）会怎样？
• win10如何调整图标大小
• win7右下角网络图标消失怎么办（win7电脑右下角网络消失怎么办）

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