weui中的字体图标在IE不显示问题
在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 */
}
weui中的字体图标在IE不显示问题相关推荐
- iview Table列表中增加字体图标
iview Table列表中增加字体图标 一: {'title': this.$t('设备别名'),'key': 'actStatus',render: (h, params) => {retu ...
- html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示?
bootstrap中icon字体图标怎么不显示?下面本篇文章给大家介绍一下Bootstrap字体图标不显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: bootstr ...
- 在微信小程序中使用字体图标
方法一:转化为base64 第一步:在阿里巴巴矢量图标库下载需要的图标 QQ截图20180316191514.png 点击下载代码,将下载后的download.zip解压 第二步:进入https:// ...
- 在 uni-app 中 使用字体图标
在 uni-app 中 使用字体图标 下载iconfont字体图标 进入 iconfont 官网 本地下载 图标文件压缩包 解压 出来 在uni-app 项目static 下 新建 fonts 文件夹 ...
- 怎么对阿里iconfont两个项目中的字体图标合并
1.把下载下来的2个文件夹都放入项目中 2.如要把iconfont2文件夹中的字体图标合并到iconfont文件夹中,则如下图,修改iconfon2文件夹下左侧该图标的五个文件名,同时修改这个文件夹中 ...
- 如何在移动端app中应用字体图标icon fonts (转)
原文: http://www.cnblogs.com/willian/p/4166757.html?utm_source=tuicool&utm_medium=referral How to ...
- 如何在移动端app中应用字体图标icon fonts
How to use icon fonts in your mobile apps 在任何APP设计中实现可图形的矢量缩放最完美的方式是使用字体图标. 移动端的设计变的越来越复杂.原因在于多样的屏幕尺 ...
- ArcGIS问题解决——CAD中的字体加载到ArcMap显示乱码
ArcGIS问题解决--CAD中的字体加载到ArcMap显示乱码 CAD中的字体加载到ArcMap显示乱码,是因为字符集的问题,解决办法即修改注册表中默认字符集为简体中文字符集即可. ①win+R,输 ...
- WPF中应用字体图标
一.什么是字体图标 我们在进行GDI(图形界面)编程的过程中图标是不可少的.近些年随着网络的繁荣和移动应用的繁荣,矢量图的应用越来越火. 矢量图是一种用数学方法描述的.由一系列点和线组成的图,因此相比 ...
最新文章
- .Net Core快速创建Windows服务
- HDLBits 系列(34)Serial two's complememter(Mealy and Moore FSM)
- 在centos上搭建redis集群并附测试(真集群非伪集群)
- Android用户界面设计“.NET研究”:框架布局
- 统计字符串中单词个数的算法优化
- datagrip 导出数据库备份到本地
- 手机上有没有学python的软件-如何优雅的在手机上进行Python编程
- Python字符串处理的8招秘籍
- HDU 5857 - Median ( 查询模拟 + 思路 )
- react diff算法剖析总结
- Netty4.0学习笔记系列之四:混合使用coder和handler
- net configuration assistant 没反应_@尾款人:错过这条推送,7000多块就没了……
- 安装 | 最新MATLAB 2020b(64位)安装教程完整版
- python seo 采集内容_SEO如何处理采集内容(4)–转自{GoGo闯}
- if语句与switch语句
- 6.(cesium之家)cesium点编辑点修改
- Re: 客户协作 OVER 合同谈判
- 在线机器学习Topic推荐-AMiner
- python回归分析结果怎么看_Python数据分析|线性回归
- 如何批量给pdf文件命名?
热门文章
- windows驱动ddk环境设置
- MACE源码解析【ARM卷积篇(一) 】1*N和N*1卷积实现
- AFEchidna示例20--自交对方差分量的影响
- C语言LCD1602液晶实验报告,LCD1602液晶显示实验报告.doc
- TinyXML 指南一
- 担心数据丢失 or 系统备份? Win10系统备份还原轻松学会
- Widar2.0:SAGE算法和SAGE算法在在无线信道参数估计中的应用
- 为什么企业选择局域网即时通讯软件?局域网即时通讯软件哪家好?
- PTA-L1-079 天梯赛的善良 (20 分)(C++)
- 练习-Java输入输出之字节数据输入输出之综合练习