这是一个小小的演示文章,它让我多年来一直困扰着我: http://gyazo.com/e5bed138e234fef7f570bd36edee3edd.png
查看→
和↑
插入的左箭头和向上箭头的大小和样式是否错误(这是Apple Webkit中的Monaco)。根据我的理解,这是因为字体不支持这些字形,所以它会回落到另一个字形。但为什么??它发生在很多标准字体上,我无法相信摩纳哥没有左右unicode箭头字形。
其他人遇到过此问题,如果有,是否有任何解决方案或解决方法?在Stack Overflow上找不到一个!
更新:我正在使用字形,因为你可以做很酷的事情,比如淡化颜色,而且它很轻巧 - 它们就像一个免费的图形库。正如使用sans-serif的Thirty dot所建议的那样最好,它在Webkit中很好,但Firefox仍然看起来不对。我不确定←
和↑
等实体指向的确切unicode值,但我猜测在某些浏览器中它们不匹配。羞。
答案 0 :(得分:1)
解决方法:强>
使用图像代替按钮。它们是文本并不重要,不是吗?具体来说,使用CSS Sprite,以便所有按钮都包含在一个图像中。
另一个想法:
您可以只在按钮上尝试font-family: sans-serif
。 sans-serif
通常默认使用具有许多不同符号的安全字体。希望这个字体将包含您需要的所有字形。您还应该检查是否使用了Unicode的“相同区域”中的字形。
另外,正确排列按钮:此刻,他们喜欢这样: