在IE浏览器报错：CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "weui";
    src: url('data:application/octet-stream;base64,AAE...省略') format('truetype');
首先需要把@font-face为base64格式的字体信息解码成可用的字体文件
 
实现步骤：
 
1. 获取到base64字符串并删除头部信息，在这里就是data:font/opentype;base64, 逗号也要删除，这样就获取到了字体信息。 比如：T1RUTwAJAIAAAwAQQ0ZGIBcEq......过长不展示 。
2. 访问http://www.motobit.com/util/base64-decoder-encoder.asp 这个网站，将纯字体信息字符串粘贴进编辑区域，然后下方解码选项选择解码base64字符串 和导出为二进制文件，即：
 
3. 点击转换数据，这样就下载下来一个base64.bin的二进制文件，然后把base64.bin直接改名为weui.ttf（当然可用随便改其它格式）;
4.然后打开地址https://everythingfonts.com/font-face，然后把weui.ttf格式上传，最后下载到本地，得到多种格式的字体文件（eot,ttf,woff,woff2,svg）。详细转化字体可参考地址：《CSS网页中导入特殊字体@font-face属性详解》。
5.最后在自己的样式表中添加如下样式就可以在IE浏览器中显示该字体图标了。
 
 
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "weui";
        src: url('../fonts/weiui.eot'); /* IE9 Compat Modes */
    src: url('../fonts/weiui.woff') format('woff'), /* Modern Browsers */
    url('../fonts/weiui.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/weiui.svg#weiui') format('svg'); /* Legacy iOS */
				
微信小程序中使用字体图标
项目中常常需要使用到字体图标，微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。
第一步：下载需要的字体图标
进入阿里图标官网http://iconfont.cn/搜索自己想要的图标，如这里需要一个购物车的图标，流程为：
搜索“购物车”图标—>点击“添加入库”–>点击购物车进入购物车–>点击下载代码按钮。
点击下载代码，将得到名为download.zip的压缩包，解压将看到以下内容：
字体格式是否全部上传（woff2、woff、ttf、eot、svg）
我遇到的情况是字体格式只上传了woff2一个文件，其他的格式字体为上传，所以IE浏览器就不限制字体图标
				
一开始通过iconfont.css引入，在谷歌上能正常显示，自己多方尝试，发现最蠢的问题。总结一下，查了网上可能的问题有
1、有可能是字体文件.eot文件没有引入
2、有可能是IE JS禁用
最后发现自己在引入iconfont.css时忘记更改默认路径
在URL前面加上…/fonts就没问题了
自测的解决办法有：
第一种办法也是自测解决的办法，就是直接引入线上的链接
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
这是我在菜鸟教程复制的，链入后果真就出现图标了
问题出现场景
http地址在ie浏览器可以正常显示字体图标，但是https地址在ie浏览器无法正常显示icon图标。
问题解决方案//这是本人的nginx配置文件
location / {
                add_header Cache-Control "no-cache, no-store";
                add_header Access-Control-Allow-Origin $http_origin;
				
最简单的办法就是直接下载最新的bootstrap.css替换掉旧的。
但是由于我做的项目直接替换会出现样式冲突问题，因此只好慢慢找是什么属性导致图标不显示，最后找到了解决办法：
1.首先保字体文件的位置正确，最好下最新的文件
2.检查font-family属性是否为‘Glyphicons Halflings’，
@font-face {
  font-family: 'Glyp...
				
在项目开发过程中，项目用到的是element组件，版本号是2.4.7，遇到了图标字体在ie浏览器不显示的问题，这是在同事电脑出现的bug，我电脑同样是ie，11版本和10版本都没有问题，但是在同事电脑哪个版本都显示不出来，纠结了半天
看到ie里报的错误是这样的
CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。
在网上搜都是千篇一律的...
				
最近项目要求需要兼容IE10，在兼容过程中发现element-icons的部分字体图片Icon在部分IE10中无法显示，在有的IE10浏览器中正常展示，这就比较耐人寻味了，但是由于部分的IE10可以，于是就有了以下思考：
首先在其他IE10,11，google，以及fiefox都可以正常展示
	在部分IE10中无法正常展示，猜测有可能是IE10版本不完整
	然后查阅资料，其实就是不支持项目中的字体，IE6-8支持的是eot，10,11已经支持woff，但是考虑到部分浏览器并非系统自带，就死马当成活马医，依
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css">
<script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
2. 在Vue组件中定义一个input元素，用于显示选择的日期时间：
<template>
    <input type="text" placeholder="请选择日期时间" v-model="selectedDate" readonly>
</template>
<script>
export default {
  data() {
    return {
      selectedDate: ''
</script>
3. 在Vue组件的mounted生命周期中，使用weui.js中的DateTimePicker组件初始化日期时间选择器：
mounted() {
  weui.datePicker({
    start: new Date(), // 开始日期，今天
    end: 2030, // 结束日期
    onChange: (result) => {
      console.log(result);
    onConfirm: (result) => {
      this.selectedDate = result[0].value + '-' + result[1].value + '-' + result[2].value + ' ' + result[3].value + ':' + result[4].value;
4. 在DateTimePicker组件的onConfirm回调函数中，将选择的日期时间格式化后赋值给Vue组件中的selectedDate属性，从而实现在input元素中显示选择的日期时间。
注意：在使用weui.js中的DateTimePicker组件时，需要将input元素的readonly属性设置为true，禁止用户手动输入日期时间。