我很好奇Imgur是如何渲染他们的赞成/反对箭头的:
我原以为它们是图片,但是我发现了一些出乎意料的东西:一个自定义字体,包含向上和向下箭头的字形,分别映射到'o'和'x'字符: 这种方法现在被认为是可接受的吗?我从未考虑过在没有语义映射到字母表的情况下使用自定义字体。这种方法不在我的Web设计最佳实践列表中。我可以想象以下原因:
- 您的网站使用可以映射到单字符代码的标准图标集。 - 您只需要控制图标的前景/背景颜色。 - 您希望图标与文本相同比例缩放。
我想知道使用此方法具体的反对理由。
特别是,我正在寻找回答任何以下问题的答案:
- 浏览器/平台兼容性 - 未来维护影响 - 语义学 - 性能 - 标准合规性
到目前为止,我唯一考虑到的是,在语义上,将“upvote”图标映射到字符'o',将“downvote”图标映射到字符“x”是不合理的。而且,仅仅为了明确,我不是在谈论键盘映射,而是在谈论语言映射,即字符代码。在这种情况下,似乎光栅图像或SVG是更可取的替代方案。
我想到了另一个可能性:语言和编码的兼容性。页面的
html
lang
属性或字符编码是否会影响CSS样式表中字体的字符映射(样式表使用“x”表示负分图标)?然而,我相信Imgur已经考虑过所有这些问题。那么,我错在哪里了?