【问题标题】:missing/replaced arrow glyphs in HTML fontsHTML 字体中缺少/替换的箭头字形
【发布时间】:2011-03-05 17:54:35
【问题描述】:

这是一个小问题,困扰了我很久: http://gyazo.com/e5bed138e234fef7f570bd36edee3edd.png

检查使用 →↑ 插入的左箭头和上箭头的大小和样式是否错误(这是 Apple Webkit 中的 Monaco)。据我了解,这是因为字体不支持这些字形,所以它会退回到另一个字形。但为什么??很多标准字体都会发生这种情况,我不敢相信摩纳哥没有左上角 unicode 箭头字形。

其他人遇到过这种情况,如果有,是否有任何解决方案或解决方法?在 Stack Overflow 上还没有找到!

更新:我使用字形是因为你可以做一些很酷的事情,比如淡化颜色,而且它很轻——它们就像一个免费的图形库。正如 30 dot 所建议的,使用 sans-serif 是最好的,它在 Webkit 中很好,但 Firefox 看起来仍然是错误的。我不确定 ←↑ 等实体指向的确切 unicode 值,但我猜在某些浏览器中它们不匹配。耻辱。

【问题讨论】:

  • 解决方法:改用图像来表示按钮。它们是文本并不重要,不是吗?具体来说,使用 CSS Sprite,以便所有按钮都包含在一个图像中。
  • 你应该回答这个^^这是一个很好的解决方案
  • 您可以使用图像来代替箭头。

标签: html css unicode fonts


【解决方案1】:

解决方法:
改为使用图像来表示按钮。它们是文本并不重要,不是吗?具体来说,使用CSS Sprite,以便所有按钮都包含在一个图像中。

另一个想法:
您可以在按钮上尝试font-family: sans-serifsans-serif 通常默认为具有许多不同符号的安全字体。希望此字体将具有您需要的所有字形。您还应该检查您使用的是来自 Unicode“同一区域”的字形。

另外,正确排列你的按钮:目前,他们喜欢这样:

【讨论】:

  • 感谢您的输入,我会将其标记为已回答,因为我认为使用字形是有缺陷的(但由于浏览器实现而不是概念)。老实说,未对齐是由 Firefox 中的字形行高引起的!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-02
  • 2013-04-12
  • 2014-12-11
  • 2017-01-11
  • 1970-01-01
相关资源
最近更新 更多