开发过程中能使用微信小程序自定义icon吗
编辑：小飞燕 发布时间：2021-04-18 09:48:43
微信小程序开发要注意很多问题，那么可以用微信小程序定制图标吗？我们来看看相关资料。
小程序开发过程中，支持自定义图标字体，但需要使用在线字体，存储字体的服务器需要允许跨域。
相关讨论1:字体文件无法加载，请确认文件存在
@font-face {
font-family : ' glyphicon half ins '；
src : url('/assets/font/glyphicon-half ins-regular . eot ')；
src : url('/assets/font/glyphicon-半身人-regular.eot？#iefix ')格式(' embedded-opentype ')、url('/assets/font/glyphicon-halfines-regular . woff2 ')格式(' woff 2 ')、url('/assets/font/glyphicon-halfines-regular . woff ')格式(' woff ')、url('/assets/font/glyphicon-halfines-regular . ttf ')格式(' truetype ')、url('/assets/font/glyphens/glyphicon-halfing-halfing-regular sre ')格式(' sv
}
控制台报告的错误
vm884:2未能加载字体http://1701630871.debug.open.wei.服务器响应的状态为404(http/1.1 404未找到)
从服务器127.0.0.1
文件确实存在，其他jpg/png图片文件都没问题。这是一个bug，还是这些文件类型的限制？
字体文件应放在网络上请求。
相关讨论2:
小程序使用字体图标来共享
先去阿里巴巴矢量图标库生成自己的字体图标，找到ttf格式文件
其次，将字体文件转换为base64格式
三.wxss文件介绍
第四，向wxml添加字体
v.显示效果
相关讨论2:
直接引用是不可接受的，无论是本地还是远程
相关讨论3:输入更改字体无效。第一个是textarea，第二个是input，第三个是text。是在缅甸。已在app.wxss @font-face中设置，结果显示输入无法设置字体。
输入组件为原生组件，字体为系统字体，无法设置字体系列。
微信小程序店文档有说明
相关讨论4:在小程序中使用iconfont和font-face的src可以使用网络地址吗？
@font-face {
font-family : ' font ello '；
src : url(' http://cdn . example.com/icon font . ttf ')格式(' truetype ')；
font-weight : normal；
font-style : normal；
线高： 1；
}
发现如果使用网络地址，src不能在ios上显示，但可以在安卓和开发工具上显示。可以显示base64的src值。
ios使用https连接
相关讨论5:小程序可以用字体-牛逼做图标吗？可以用图标字体做图标吗？如果没有，有什么好的制作icon的方案吗？
可以，字体可以放入服务器，可以引用远程地址，例如：
@ font-face { font-family : ' icon font '；
src : url('//at . alicdn.com/t/xxx . eot？t=1482899691162’)；/* ie9*/
src : url('//at . alicdn.com/t/xxx . eot？t=1482899691162#iefix)格式(' embedded-opentype ')，/* ie6-ie8 */
url('//at . alicdn.com/t/xxx . woff？t=1482899691162 ')格式(' woff ')，/*chrome，firefox */
url('//at.alicdn.com/t/xxx.ttf？t=1482899691162 ')格式(' truetype ')，/*chrome，firefox，opera，safari，android，ios 4.2 */
url('//at.alicdn.com/xxx.svg？t=1482899691162#iconfont ')格式(' svg ')；/*ios 4.1- */
}
这都是开发小程序的时候用微信小程序定制图标。怎么样？设置自定义图标容易吗？就按照步骤来。
下面是如何解除小程序在标题开头的关联。标题到此结束
之前，小编介绍了将小程序与微信账号关联的方法。关联小程序是为了更好的利用小程序。但是如果要更改关联的微信账号，需要先解除小程序的关联。以下步骤是如何解除小程序的关联。
方法/步骤
1.登录关联微信账号后台
2.[添加小程序功能插件]-[授*管理]
3.单击[查看平台详细信息]-单击[取消授*]
上一篇：小程序搜索指数能够说明什么
下一篇：为什么小程序关键词没有效果
猜你喜欢
-
10个小程序自定义关键词技巧658人喜欢
微信小程序太多不容易找?如何快速找到自己想用的微信小程序?目前找想用的小程序方法可能是线下扫码、公众号、好友分享、长按小程序码、搜索小程序名称，今天小编分享大家一个新的方法，快跟小编一起来看看吧!微信小程序多了一个新方式——小程序后台新增自定义…
更新时间：2019-10-31 16:24:23
-
微信小程序自定义菜单技巧581人喜欢
自从微信小程序支持自定义菜单之后，很多人就询问小编关于自定义菜单的相关内容，所以今天小编来集中为大家讲解一下微信小程序自定义菜单的使用。关于小程序支持自定义菜单，你必须知道的这几件事情：1. 小程序关联公众号，就会推送小程序消息，点击该推送消息直达小程…
更新时间：2021-01-04 13:41:48
-
小程序自定义组件技巧202人喜欢
微信小程序自定义组件包括很多内容，比如小程序对话框、小程序背景等等，小编今天为大家找到了所有自定义组件的小程序开发源码，一起来看看吧!components[backdrop - 背景幕][dialog - 对话框][loading - 指示器][toast - 提示框][rater - 评分]backdrop - 背景幕…
更新时间：2020-09-23 07:56:02
-
小程序自定义遮罩层开发代码102人喜欢
小程序开发的很多方面都需要精确的代码。最近有朋友问如何开发小编小程序的自定义蒙版层？小编找到了开发所需的小程序代码，希望对大家有所帮助。1.按照以下步骤开发掩膜层的js:获取坐标函数g…
更新时间：2021-03-15 07:31:55
-
微信小程序自定义编译使用步骤96人喜欢
有朋友反映，小程序的编译修改内容没变。为什么？其实你要学会用微信小程序定制编译，这样小程序页面刷新后就能看到新的内容。微信小程序定制编译开发的具体使用步骤如下，希望对大家有所帮助。…
更新时间：2021-04-20 09:57:56
-
微信小程序自定义关键词怎么设置93人喜欢
微信小程序启动时，需要输入全名才能找到小程序，不输入一个字或出错就找不到对应的小程序。后来微信开辟了搜索关键词查找小程序的能力，最近微信又增加了自定义关键词的功能。微信小程序的自定…
更新时间：2021-04-15 09:18:53
-
微信小程序自定义组件开发源码92人喜欢
微信小程序自定义组件包括很多内容，比如小程序对话框、小程序背景等等，小编今天为大家找到了所有自定义组件的小程序开发源码，一起来看看吧！成分[背景-背景幕][对话-对话框][装载-指示器][吐…
更新时间：2021-04-16 10:16:06
-
如何实现微信小程序自定义底部弹出层85人喜欢
微信小程序自定义底部弹出框的效果如何实现？相信很多人还是不太了解这个。在这里，小编整理了一些关于微信小程序底部弹出框效果的代码信息，可以供大家参考。有需要的朋友可以借鉴！为了实现微…
更新时间：2021-03-11 07:33:26
-
小程序自定义关键词怎么设置83人喜欢
小程序引入了一个新功能“自定义关键字”。为了更快更准确的找到需要的小程序，这个小程序的关键词搜索功能诞生了，用户和朋友可以通过定制关键词来缩短搜索时间。小程序自定义关键字怎么设置？…
更新时间：2021-04-20 09:56:12
-
微信小程序自定义关键词搜索抢注热词80人喜欢
微信小程序增加了自定义关键词搜索。在这个微信小程序增加新功能之前，都是微信热词。现在会怎么样？今天我们来看看微信小程序自定义关键词搜索和抢注热词。欢迎阅读。微信小程序在后台新增了推…
更新时间：2021-04-15 09:15:26
-
微信小程序自定义的模态对话框怎么实现79人喜欢
微信小程序自定义模态对话框怎么实现？根据小编的说法，api官方显示模式弹出窗口只能显示文本内容。如果我们想拥有多种功能，我们需要定制对话内容。你知道微信小程序定制的模态对话框怎么实现吗…
更新时间：2021-03-09 08:01:53
-
小程序自定义关键词的用处有哪些78人喜欢
最近小程序发布了一个新功能：自定义关键字，但是很多人不知道自定义关键字在小程序中的用处。其实对于小程序搜索和小程序推广都很有用。看看下面的信息。官方定义如下：发布小程序的开发者最多…
更新时间：2021-04-17 10:24:56
代理怎么做热门信息
关注人数：3600
关注人数：3267
关注人数：1817
关注人数：1155
关注人数：1149
关注人数：1112
关注人数：1075
关注人数：1049
关注人数：1039
关注人数：1036