我很好奇英古尔是如何向上/下投箭头的:
我以为它们是图像,但我发现了一些我没想到的东西:
一种自定义字体,包含上下箭头的符号,分别映射到“o”和“x”字符:
这种方法现在被认为可以接受吗?我从来没有考虑使用自定义字体的东西,没有语义映射到一个字母表。这种方法甚至不在我的网站设计最佳实践的雷达上。
我可以想象出以下原因:
我想知道反对使用这种方法的任何具体原因。
特别是,我正在寻找解决以下问题之一的答案:
到目前为止,我唯一想到的是,在语义上,把一个向上投票的图标映射到字符'o‘,把一个反对票图标映射到字符'x’是没有意义的。具体来说,我说的不是键盘映射,而是语言映射,字符代码。在我看来,在这种情况下,光栅图像或SVG是更好的选择。
我想到了另一种可能性:语言和编码兼容性。页面的html
lang
属性或字符编码是否会对CSS样式表中的字体中的字符映射产生任何影响(样式表使用'x‘来表示下票图标)?
然而,我确信Imgur已经考虑过这一切了。那为什么我错了?
发布于 2015-11-16 03:55:48
现代浏览器(如上面的IE9 )支持自定义字体。
甚至引导也会为图标使用自定义字体,被称为甘草图标!这是一个很好的方式美化网站图标,而不必从Photoshop作为一个图像,这可能会引起响应问题。
它们通常通过调用类名来使用,类名链接到从字体系列调用图标的CSS。Html lang
不会有任何问题。
发布于 2015-11-17 12:45:50
一个很大的原因是可访问性。有许多浏览器扩展,它们将网站的字体替换为对不同视觉缺陷的人来说更容易读懂的字体。如果你对你的图标使用字体,这些也会被替换掉,让你的用户看到你为你的图标放置的任何字符串。
https://stackoverflow.com/questions/33725680
复制相似问题