缺点 解决方案 因为字体图标本身是 一个字符，所以会受到系统级反锯齿（如 ClearType 和 Retina）影响，导致本来锐利的小尺寸的图标边缘不锐利 使用 font-smooth 样式控制图标的反锯齿，在 Chrome 下测试没有成功，未找到更好的解决办法 当遇到网络较差，或者用户使用了屏蔽网页字体的插件时，图标会变成口口 在字体文件加载完成之前尝试隐藏所有图标 无法显示彩色图标 目前发现有网站是把彩色图标拆分成单色图标，再叠加显示，用 SVG 显然更方便 定位不准 这个大多数前端开发应该都有感触，典型就是复选框和文字 标签对不齐，要检查图标的 CSS ，，，，, 寻找对不齐的原因 维护（增加、 删除图标）困难 使用阿里的 iconfont 服务来 管理字体图标是很好的办法 对屏幕阅读器等辅助功能不友好 需要做适配，可以参考 Bulletproof Accessible Icon Fonts 到此这篇字体图标 svg（字体图标和svg图标的区别）的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/bcyy/34925.html