IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

标签:图标字体

共 1 篇相关文章

IT 累计浏览 4,609

font-face在移动终端的支持

这篇讲的是CSS3 font-face特性在移动终端实际兼容性的测试报告。作者开篇点明,font-face能实现漂亮的自定义字体和高质量的图标,在PPI较高的移动设备上显示效果尤其完美,但其支持情况却参差不齐。 文章核心介绍了由BBC News的开发者Kaelig进行的一系列测试。他使用Modernizr脚本并配合另一段检测代码,来探明各主流移动浏览器真实的font-face支持情况,避免被一些声称支持但实际无法渲染的“骗人”浏览器误导。测试结果非常详尽,将移动浏览器明确分为三类:完全支持(如iOS 4/6的Safari、Android 4的Chrome和默认浏览器、Windows Phone 8的IE等)、明确不支持(主要是各平台上的Opera Mini)以及会“骗人”的浏览器(例如Windows Phone 7的IE9和Android 4的UC浏览器)。 结论指向一个现实:在移动端大规模使用自定义字体仍需谨慎。测试数据为我们划出了清晰的兼容性边界,提醒开发者在追求视觉效果的同时,必须做好针对不同浏览器环境的兼容处理。