Font-face目前浏览器的兼容性

masturbator 发布于2019-08-30 15:55 / 2194人阅读

摘要：目前浏览器的兼容性自开始，支持格式的字体文件支持由上面可以得出所有浏览器的完美支持。让所有浏览器都兼容的方法字体转换网址

@Font-face目前浏览器的兼容性：

•Webkit/Safari(3.2+)：TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)；
•Opera (10+)： TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg)；
•Internet Explorer：自ie4开始，支持EOT格式的字体文件；ie9支持WOFF；
•Firefox(3.5+)： TrueType/OpenType TT (.ttf)、 OpenType PS (.otf)、 WOFF (since Firefox 3.6)
•Google Chrome：TrueType/OpenType TT (.ttf)、OpenType PS (.otf)、WOFF since version 6

由上面可以得出：.eot + .ttf /.otf + svg + woff = 所有浏览器的完美支持。

@Font-face 让所有浏览器都兼容的方法：

字体转换网址：https://onlinefontconverter.com/

GPU云服务器云服务器兼容java的浏览器浏览器兼容性 webrtc浏览器兼容性 js兼容浏览器兼容

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

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

使用 @font-face

摘要：允许我们在网页里使用在线字体显示文字。不使用这个命令的话，网页可用的字体会受限于本地计算机的字体，同时非常依赖正在使用的操作系统。大小对比以我目前使用的为例，，，，，。 @font-face允许我们在网页里使用在线字体显示文字。把它写到css中以后，浏览器就会根据其中指明的地址下载对应的字体，然后按照css中的样式来显示字体。不使用这个命令的话，网页可用的字体会受限于本地计算机的字体...

mdluo 2019-08-29 11:15 评论0 收藏0
博客引入漂亮字体二三事

摘要：火狐推迟对字体的支持，重点放在格式上。网络字体的效率字体文件的体积可能非常的大尤其是对于汉字，而且需要额外的连接，这些都会降低网站页面的加载速度。最近兴致上来，就想更换了那Blog标题字体(汉字的)；网上搜索了一番，发现蘇新詩柳繁體这款甚合我心；然后就着手搞将了起来，分分钟也算是替换了；但，这仅仅是此次折腾的开始；这就细细道来作为学习笔记记载。原文首发链接http://www.je...

Pocher 2019-08-19 17:37 评论0 收藏0
博客引入漂亮字体二三事

摘要：火狐推迟对字体的支持，重点放在格式上。网络字体的效率字体文件的体积可能非常的大尤其是对于汉字，而且需要额外的连接，这些都会降低网站页面的加载速度。最近兴致上来，就想更换了那Blog标题字体(汉字的)；网上搜索了一番，发现蘇新詩柳繁體这款甚合我心；然后就着手搞将了起来，分分钟也算是替换了；但，这仅仅是此次折腾的开始；这就细细道来作为学习笔记记载。原文首发链接http://www.je...

Michael_Lin 2019-08-30 12:47 评论0 收藏0
iconfont实践小结

摘要：所以实现小图标时雪碧图跟图标字体会在一个网站共存，自定义图标字体为什么比较耗时，且太复杂图标无法实现请往下看开发流程就了解了。参考资料细谈浅谈图标字体向下兼容优雅降级技术绘制小图标技巧雪碧图图标字体矢量小图标设计本文对应源码源码地址演示地址 showImg(https://segmentfault.com/img/bVRnAC?w=431&h=220); 之前写了一篇关于雪碧图的博文，...

bitkylin 2019-08-29 13:00 评论0 收藏0
Iconfont 在HTML中的使用

摘要：与使用方式相比，具有如下特点兼容性良好，支持，及所有现代浏览器。相比于语意明确，书写更直观。不过因为本质上还是使用的字体，所以多色图标还是不支持的。一、准备阶段：　　a.进入阿里巴巴矢量图标库www.iconfont.cn挑选所需的图标，加入购物车　　　　　b.点击网页中的购物车下载代码　　二、3种方法实现 Iconfont 的HTML显示 Unicode 引用 Unicode...

番茄西红柿 2019-04-23 11:42 评论0 收藏0