缺点解决方案因为字体图标本身是一个字符，所以会受到系统级反锯齿（如 ClearType 和 Retina）影响，导致本来锐利的小尺寸的图标边缘不锐利使用 font-smooth 样式控制图标的反锯齿，在 Chrome 下测试没有成功，未找到更好的解决办法当遇到网络较差，或者用户使用了屏蔽网页字体的插件时，图标会变成口口在字体文件加载完成之前尝试隐藏所有图标无法显示彩色图标目前发现有网站是把彩色图标拆分成单色图标，再叠加显示，用 SVG 显然更方便定位不准这个大多数前端开发应该都有感触，典型就是复选框和文字标签对不齐，要检查图标的 CSS ，，，，, 寻找对不齐的原因维护（增加、删除图标）困难使用阿里的 iconfont 服务来管理字体图标是很好的办法对屏幕阅读器等辅助功能不友好需要做适配，可以参考 Bulletproof Accessible Icon Fonts
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/165048.html