HTML字体中缺少/替换的箭头字形

时间:2011-03-05 17:54:36

标签: html css unicode fonts

这是一个小小的演示文章,它让我多年来一直困扰着我: http://gyazo.com/e5bed138e234fef7f570bd36edee3edd.png

查看→↑插入的左箭头和向上箭头的大小和样式是否错误(这是Apple Webkit中的Monaco)。根据我的理解,这是因为字体不支持这些字形,所以它会回落到另一个字形。但为什么??它发生在很多标准字体上,我无法相信摩纳哥没有左右unicode箭头字形。

其他人遇到过此问题,如果有,是否有任何解决方案或解决方法?在Stack Overflow上找不到一个!

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

1 个答案:

答案 0 :(得分:1)

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

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

另外,正确排列按钮:此刻,他们喜欢这样: enter image description here