@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。

最新推荐文章于 2021-07-08 17:33:02 发布

阳光的向北君

最新推荐文章于 2021-07-08 17:33:02 发布

阅读量3.9k

点赞数

本文链接：https://blog.csdn.net/weixin_38298317/article/details/78032635

版权

内心os：前些天重构了个后台管理系统，由vue结合bootstrap开发，这两天发布了以后才知道新需求中需要处理兼容问题，这不，坑一个接一个，填坑过程堪比排雷。

棘手的问题有很多，比如国内双核浏览器下仅支持高速模式，又比如这篇文章主要描述的bootstrap图标不显示的问题。

文章的编写是由于这个后台系统在ie下或者兼容模式下跑的时候引入的图标消失了，F12以后发现报错了这样一句话“@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。”

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阳光的向北君

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。

彼岸の风的专栏

05-26

2万+

@font-face是CSS3中的一个模块, 它主要是把自己定义的Web字体嵌入到网页中, 让网页上使用的字体可以不受客户端字体库的限制. 这个功能虽然是非常HAPPY的, 但是在使用中还是会碰到一点问题想学习的同学可以去这里 ( http://www.w3cplus.com/content/css3-font-face ) , 讲的非常不错, 下面我们来说问题使用@font-fac

@font-face属性和服务器端字体

SSLUKA的博客

06-03

3043

@font-face 1.@font-face属性的使用方法 @font-face{ font-family:webFont; src:url(‘font/字体名称.otf’)format(“opentype”); } ps: font-family属性值中使用webfont来声明使用的是服务器端字体，即设置文本的字体名称。 src属性值中首先指定了字体文件所在的路径。 format声明字体文件的格式，可以省略文件格式的声明，单独使用src属性值。 2.可以使用的字体文件格式字体格式字体属性

参与评论您还未登录，请先登录后发表或查看评论

CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。

热门推荐

Rain~的博客

08-23

1万+

在开发web过程中，使用了方正正纤黑、方正正准黑等中文字体，通过font-face引入TTF格式文件，在Firefox、Chrome等浏览器上均能正常显示，但IE9、10及以上的浏览器报错：CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。解决办法为：引入ETO格式文件。

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

Lyrelion的博客

12-14

2388

报错原因：@font-face 中有嵌入权限 (embedding permissions) ，IE浏览器对 Web字体的嵌入需要这个权限报错解决方案：针对 IE浏览器，将 EOT字体格式修改成 'embedded-opentype'【翻译：嵌入式打开类型】，可以解决此问题

CSS3114：@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。解决方案

NuoYan3327的博客

10-17

3659

话不多说，先来个错误提示图片。今天在使用ElementUI的icon样式时遇到了这个问题，这个问题会导致网页上的icon无法正常被显示出来。需要注意的是这个错误并不会在谷歌或者其他高级浏览器中出现，只会在IE浏览器中出现，考虑到版本兼容性问题这里还是尝试着去网络上收集相关解决方案，看了很多文档其解决方案都是通过更换字体类型实现的，这里就不详细说了。 ...

HTML element 字体未能完成 OpenType 嵌入权限检查。权限必须是可安装的

积极的小可爱~的博客

07-08

239

环境：HTML，vue.js element,没有使用脚手架使用element的时候发现图标都没办法显示，控制台报错：element的字体文字404，根据网上提示就下载了以下两个字体文件，（当然种方式是不能正确引入字体的，要写在css文件中，仅表达下字体文件名字），然后修改了css字体的路径，谷歌360都能正常显示但是在ie下还是不能正常显示字体解决方式： 1：修改element.css中的字体导入，总共是有三个字体的 2：下载font文件重点：确定element.css中引入的字体文.

使用CSS3的font-face字体嵌入样式的方法讲解

09-24

CSS3的`@font-face`规则打破了这一局限，使得网页设计师能够嵌入自定义字体，无论用户是否在本地安装了这些字体。 `@font-face`的语法结构如下： ```css @font-face { font-family: '自定义字体名称'; src: url...

CSS引入外部字体的方式（@font-face）

weixin_46353030的博客

04-29

2214

步骤一、在css文件中或者html的style标签里使用@font-face，其语法格式如下: @font-face { font-family: "字体名称1","字体名称2",...; src: url("字体存放路径"); } 步骤二、使用该字体 .test { font-family: "字体名称1","字体名称2",...; } 例如我要引入一个Pixeboy字体，完整代码如下： @font-face { font-family: "Pi

教你学会html添加自定义字体，使用@font-face和免费字体网站

AnMuMuPrincess的博客

12-06

2855

字体引入字体视界是一个免费字体下载网站，商用需授权：https://www.17font.com/ 字客网：@font-face生成器：https://www.fontke.com/tool/fontface/ 可以直接生成css文件下载字体后，将字体.ttf文件上传到@font-face生成器，如下图生成好的zip解压，将里面的文件复制到vue项目中自己建立的字体文件夹中在main.js中引用字体的css文件 //引用的自己下载的字体 import "./assets/fonts/

OpenType specification

10-27

想理解opentype或者要自己做字体渲染的程序员下来看，其他人不要看了

CSS | iconfont与@font-face

MGsniper的博客

01-14

1647

iconfont/webfont的原理问题场景@font-face@font-face简介注意点SVGSVG简介问题场景平时做一些练手项目，因为没有精力自己做UI，就会使用一些第三方开源的UI库的小图标。像iconfont这样的网站提供给我们的图标并不是图片，而是字体，这背后的原理与历史究竟是什么呢？因为网上已经有一些现成的，总结得极好的文章了，所以这里以引用为主。 @font-face ...

关于使用WeUI在IE中提示“font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。”的问题...

08-13

324

@font-face是css3中定义字体的规则。首先，在使用weui时，在Chrome、Firefox下没有问题，但是在IE下提示“font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的”，如下图：经过一番查找资料，解决方法如下： 1. 将@font-face中，字体的base64编码转换为字体文件。 a)访问http://www.mot...

ie上 CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。(包括图标无法显示)

weixin_30835923的博客

09-07

327

转自:http://blog.csdn.net/shore_w/article/details/8976188 @font-face是CSS3中的一个模块, 它主要是把自己定义的Web字体嵌入到网页中, 让网页上使用的字体可以不受客户端字体库的限制. 这个功能虽然是非常HAPPY的, 但是在使用中还是会碰到一点问题想学习的同学可以去这里 ( http://www.w3cplus.com/c...

ie10- 报错@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。

lixiaohua66的博客

05-05

2618

pc端上使用特殊字体，下载的安装包，但在ie10-不兼容，提示需要权限。解决办法： 1.目前我使用的是一个ttf文件，打开http://www.motobit.com/util/base64-decoder-encoder.asp；如图选择然后选择文件上传，等一下就会自动转成一个base64.bin文件，可以重命名； 2.打开https://www.fontke.com/tool...

vue-cli3 element-ui 打包后 IE中报错 @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。

sfwk1993的博客

05-20

3044

框架：vue-cli3 element-ui版本："^2.8.2" 问题：打包放到服务器上后，在ie中和以ie为内核的浏览器（例360兼容模式）下不能正常显示icon图标，且控制台报错 “@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。” 首先，font-face是css3的字体规则，对于浏览器的支持情况如下图在项目的 “node_modul...

@font-face网页嵌入字体

deng131的专栏

02-10

172

字体使用是网页设计中不可或缺的一部分。在网页中使用某一特定字体,通过CSS的@font-face属性来实现在网页中嵌入任意字体。字体声明： @font-face { font-family: 'fontNameRegular'; src: url('fontName.eot'); src: local('fontName Regular'), local('fontName'), ...