在 Web 应用程序中,我必须显示一个特殊的 unicode 字符,称为BLACK DIAMOND (U+25C6)
(see here http://www.fileformat.info/info/unicode/char/25c6/index.htm更多细节)。这是一个示例:◆
页面定义的字体为 Arial,大小为 13px。
令人惊讶的是,与其他浏览器(FF、Chrome 等)相比,IE6 中的角色渲染尺寸更大。
这种奇怪的行为有什么原因吗?避免这种情况的解决方案是什么?
这是因为您指定的字体中缺少指定的字符。因此,浏览器会寻找适合该字符的字体,以便仍然可以显示它。不同的浏览器选择不同的字体,因此您在每个浏览器上看到的字体会略有不同。
一般来说,您无法采取太多措施来避免这种情况,因为丢失字体在网络上很常见,因此您不能真正依赖用户计算机上存在的任何字体。不过,您可以尝试减轻它:
- 您可以将 U+25C6 放在一个跨度中,该跨度的样式设置为使用具有该字符的不同但特定的字体(并且与您的主字体配合良好)。
- 与上面相同,但分发网络字体(WOFF http://en.wikipedia.org/wiki/WOFF如今似乎是一个合理的选择)包含字形。这样您就可以更好地控制显示的内容。
- 远离指定后备字体(如 Arial Unicode MS)。只是根本不要使用它们。
- 如果您只是追求 U+25C6 的外观并且不关心它实际上是否为文本形式,您可以使用图像或CSS hack http://css-tricks.com/examples/ShapesOfCSS/#diamond.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)