1. 首页首页
  2. 科技前沿科技前沿

2025年【IE11】CSS3114- @font-face 未能完成 OpenType 嵌入权限检查

科技前沿 • • 阅读 49

【IE11】CSS3114- @font-face 未能完成 OpenType 嵌入权限检查目录 一 场景再现 报错内容 CSS3114 font face 未能完成 OpenType 嵌入权限检查 报错原因 font face 中有 嵌入权限 embedding permissions IE 浏览器对 Web 字体 的嵌入需要这个权限 报错解决方案 针对

大家好，我是讯享网，很高兴认识大家。

目录

一. 场景再现 

报错内容：CSS3114: @font-face 未能完成 OpenType 嵌入权限检查

报错原因：@font-face 中有 嵌入权限 ( embedding permissions ) ，IE浏览器对 Web字体 的嵌入需要这个权限


讯享网

报错解决方案：针对 IE浏览器，将 EOT字体格式 修改成 'embedded-opentype'【翻译：嵌入式打开类型】，可以解决此问题

二. 修改示例

@font-face —— 用于把自定义的 Web字体 嵌入到网页中，这样网页就可以不受客户端字体库的限制

一. 场景再现 

  • 使用 @font-face 的页面进行 本地测试，各浏览器字体显示正常；
  • 但上传至服务器端后访问，IE11 不能正常显示 Web字体，Chrome 和 Firefox 字体显示均正常；
  • 报错如图：

  • 报错内容：CSS3114: @font-face 未能完成 OpenType 嵌入权限检查

  • 报错原因：@font-face 中有 嵌入权限 ( embedding permissions ) ，IE浏览器对 Web字体 的嵌入需要这个权限

  • 报错解决方案：针对 IE浏览器，将 EOT字体格式 修改成 'embedded-opentype'【翻译：嵌入式打开类型】，可以解决此问题

二. 修改示例

  • 修改前的 引入字体部分 的代码：
@font-face { font-family:'SourceHanSansCN-Normal'; src:url('fonts/SourceHanSansCN-Normal.eot'); src:local('☺'), url('fonts/SourceHanSansCN-Normal.woff') format('woff'), url('fonts/SourceHanSansCN-Normal.ttf') format('truetype'), url('fonts/SourceHanSansCN-Normal.svg#webfontOTINA1xY') format('svg'); font-weight:normal; font-style:normal; }

讯享网
  • 修改后的 引入字体部分 的代码，多了一句话：url('fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype')
讯享网@font-face { font-family:'SourceHanSansCN-Normal'; src:url('fonts/SourceHanSansCN-Normal.eot'); src:local('☺'), url('fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'), url('fonts/SourceHanSansCN-Normal.woff') format('woff'), url('fonts/SourceHanSansCN-Normal.ttf') format('truetype'), url('fonts/SourceHanSansCN-Normal.svg#webfontOTINA1xY') format('svg'); font-weight:normal; font-style:normal; }
小讯
上一篇 2025-01-07 07:56
下一篇 2025-03-30 22:01

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/51440.html