开发过程中能使用微信小程序自定义icon吗

微信小程序开发要注意很多问题，那么可以用微信小程序定制图标吗？我们来看看相关资料。

小程序开发过程中，支持自定义图标字体，但需要使用在线字体，存储字体的服务器需要允许跨域。

相关讨论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.单击[查看平台详细信息]-单击[取消授*]