首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否有任何理由不对网站上的图标使用自定义字体?

是否有任何理由不对网站上的图标使用自定义字体?
EN

Stack Overflow用户
提问于 2015-11-15 22:06:10
回答 2查看 531关注 0票数 4

我很好奇英古尔是如何向上/下投箭头的:

我以为它们是图像,但我发现了一些我没想到的东西:

一种自定义字体,包含上下箭头的符号,分别映射到“o”和“x”字符:

这种方法现在被认为可以接受吗?我从来没有考虑使用自定义字体的东西,没有语义映射到一个字母表。这种方法甚至不在我的网站设计最佳实践的雷达上。

我可以想象出以下原因:

  • 您的网站使用标准图标集,可以映射到单字符代码。
  • 您只需要控制前景色/背景色的图标。
  • 你想要像文字一样缩放的图标。

我想知道反对使用这种方法的任何具体原因。

特别是,我正在寻找解决以下问题之一的答案:

  • 浏览器/平台兼容性
  • 未来的维护影响
  • 语义学
  • 性能
  • 标准遵守情况

到目前为止,我唯一想到的是,在语义上,把一个向上投票的图标映射到字符'o‘,把一个反对票图标映射到字符'x’是没有意义的。具体来说,我说的不是键盘映射,而是语言映射,字符代码。在我看来,在这种情况下,光栅图像或SVG是更好的选择。

我想到了另一种可能性:语言和编码兼容性。页面的html lang属性或字符编码是否会对CSS样式表中的字体中的字符映射产生任何影响(样式表使用'x‘来表示下票图标)?

然而,我确信Imgur已经考虑过这一切了。那为什么我错了?

EN

回答 2

Stack Overflow用户

发布于 2015-11-16 03:55:48

现代浏览器(如上面的IE9 )支持自定义字体。

甚至引导也会为图标使用自定义字体,被称为甘草图标!这是一个很好的方式美化网站图标,而不必从Photoshop作为一个图像,这可能会引起响应问题。

它们通常通过调用类名来使用,类名链接到从字体系列调用图标的CSS。Html lang不会有任何问题。

票数 2
EN

Stack Overflow用户

发布于 2015-11-17 12:45:50

一个很大的原因是可访问性。有许多浏览器扩展,它们将网站的字体替换为对不同视觉缺陷的人来说更容易读懂的字体。如果你对你的图标使用字体,这些也会被替换掉,让你的用户看到你为你的图标放置的任何字符串。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33725680

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档