android – 材料设计图标突然停止工作

android – 材料设计图标突然停止工作,第1张

概述我一直在研究科尔多瓦应用程序,我已经用三星SM-J700P进行了测试. 我的材料图标的设置基本是这样的: HTML – <div id="alarm"><i class="material-icons">add_alert</i></div> CSS – @font-face { font-family: 'Material Icons'; font-style: normal; 我一直在研究科尔多瓦应用程序,我已经用三星SM-J700P进行了测试.

我的材料图标的设置基本是这样的:

HTML –

<div ID="alarm"><i >add_alert</i></div>

CSS –

@Font-face {    Font-family: 'Material Icons';    Font-style: normal;    Font-weight: 400;    src:      url(./path/to/Materialicons-Regular.woff2) format(woff2),url(./path/to/Materialicons-Regular.woff) format(woff);}

我的材质图标包本地保存在我的项目中,所以它不会有任何问题的图标.这一直在为这款手机的整个测试工作,直到几天前,我收到了我的SM-J700P的更新.之后,我的图标都没有出现了.目前手机上的软件版本是:J700PVPS1AQD1.

因为Cordova默认是AndroID上的Chrome窗口,所以我只需要使用woff2包的图标,所以我怀疑是这个问题.当我运行程序时,我的AndroID Studio控制台中也有一个奇怪的错误.

E/libEGL: valIDate_display:225 error 3008 (EGL_BAD_disPLAY)I/Openglrenderer: Initialized EGL,version 1.4W/AudioCapabilitIEs: Unsupported mime audio/mpeg-L1W/AudioCapabilitIEs: Unsupported mime audio/mpeg-L2//... Lots more Unsupported mime types which I don't understand...E/chromium: [ERROR:interface_registry.cc(104)] Failed to locate a binder for interface: autofill::mojom::PasswordManagerDriverMore unsupported mime types...

我不知道控制台中的错误有多少,但是自更新以来它们也是新的.其余的应用程序工作正常,这些错误都不会崩溃,它只会不再显示材料图标.

有任何想法吗?

编辑:更多信息.如果我只是在自己的Chrome浏览器中显示HTML文件,图标就会正常显示.所以似乎也许这是科尔多瓦的一个问题.我也用三星S7 Edge测试了这个应用程序,它也不会显示图标,因此它似乎不符合手机.

解决方法 答案并不奇怪,简单.在CSS中,我忘记了引号.

所以:

@Font-face {     Font-family: 'Material Icons';    Font-style: normal;    Font-weight: 400;    src:      url(../Path/To/Materialicons-Regular.woff2) format (woff2);}

本来应该:

@Font-face {    Font-family: 'Material Icons';    Font-style: normal;    Font-weight: 400;    src:      local('Material Icons'),local('Materialicons-Regular'),url(../Path/To/Materialicons-Regular.woff2) format ('woff2');}

这是根据Google文档here

总结

以上是内存溢出为你收集整理的android – 材料设计图标突然停止工作全部内容,希望文章能够帮你解决android – 材料设计图标突然停止工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1133850.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存