关于使用WeUI在IE中提示“font-face 未能完成 OpenType 嵌入权限检查。权限必须

番茄西红柿发布于2019-04-23 13:28 / 1828人阅读

摘要：是中定义字体的规则。首先，在使用时，在下没有问题，但是在下提示未能完成嵌入权限检查。访问，将编码转换为文件，这里命名为。保存并浏览器刷新后，中不再提示错误。

@font-face是css3中定义字体的规则。

首先，在使用weui时，在Chrome、Firefox下没有问题，但是在IE下提示“font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的”，如下图：

经过一番查找资料，解决方法如下：

1. 将@font-face中，字体的base64编码转换为字体文件。

a)访问http://www.motobit.com/util/base64-decoder-encoder.asp ，将base64编码转换为ttf文件，这里命名为weui.ttf。

b)访问https://everythingfonts.com/font-face ，上传刚才转换的weui.ttf文件，转换后会下载得到一个压缩包。

2. 将压缩包中fonts文件夹解压到原来css所在的目录，将压缩包中css文件里@font-face的src一段拷贝到原来的css中，替换原来@font-face中src一段。

src: url(fonts/weui.eot);
src: url(fonts/weui.eot) format(embedded-opentype),
     url(fonts/weui.woff2) format(woff2),
     url(fonts/weui.woff) format(woff),
     url(fonts/weui.ttf) format(truetype),
     url(fonts/weui.svg#weui) format(svg);

@font-face{
  font-weight:normal;
  font-style:normal;
  font-family:"weui";
  src: url(fonts/weui.eot);
  src: url(fonts/weui.eot) format(embedded-opentype),
   url(fonts/weui.woff2) format(woff2),
   url(fonts/weui.woff) format(woff),
   url(fonts/weui.ttf) format(truetype),
   url(fonts/weui.svg#weui) format(svg);
}

保存并浏览器刷新后，IE中不再提示错误。

参考资料：https://www.cnblogs.com/moqiutao/p/8945131.html

私有云超融合服务器 webrtc在ie中获取ip 在php中使用组件在VBScript中使用类 webrtc在webview中使用问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1924.html

微信小程序 bug 集中营

摘要：利用这篇教程存储一些常用的微信小程序开发技巧，方便查找。但是第一，微信小程序是国内的，有中文文档，虽然它的文档说明有点坑，但好歹有文档，阅读理解对小伙伴们来说不是问题。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 Hello 小伙伴们，如果觉得本文还不错，记得给个...

he_xd 2019-08-02 12:03 评论0 收藏0
微信小程序 bug 集中营

摘要：利用这篇教程存储一些常用的微信小程序开发技巧，方便查找。但是第一，微信小程序是国内的，有中文文档，虽然它的文档说明有点坑，但好歹有文档，阅读理解对小伙伴们来说不是问题。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 Hello 小伙伴们，如果觉得本文还不错，记得给个...

PascalXie 2019-08-29 17:19 评论0 收藏0
微信小程序 bug 集中营

摘要：利用这篇教程存储一些常用的微信小程序开发技巧，方便查找。但是第一，微信小程序是国内的，有中文文档，虽然它的文档说明有点坑，但好歹有文档，阅读理解对小伙伴们来说不是问题。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 Hello 小伙伴们，如果觉得本文还不错，记得给个...

lordharrd 2019-08-26 13:21 评论0 收藏0
微信小程序 bug 集中营

摘要：利用这篇教程存储一些常用的微信小程序开发技巧，方便查找。但是第一，微信小程序是国内的，有中文文档，虽然它的文档说明有点坑，但好歹有文档，阅读理解对小伙伴们来说不是问题。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 Hello 小伙伴们，如果觉得本文还不错，记得给个...

_DangJin 2019-08-05 18:08 评论0 收藏0
Angularjs与weui的握手

摘要：控制器显示与隐藏时的动画，使用中的服务到此，导航和一个功能演示的页面就已经实现了。由于大部分是静态的，没有动态，所以只需要将官方的演示照搬即可。更希望能得到您的帮助与指正。引子自从开通了sf的文章专栏，总想在这个专栏里写些自己的东西。不久前，微信推出了自己的一套UI，我看有很多开发者将其套用在了一些前端框架中，比如react、vue。最近自己在学习Angularjs，所以，也想把这...

winterdawn 2019-08-19 17:50 评论0 收藏0