Unicode特殊字符在Firefox和Chrome/IE中的显示方式不同

我正试图找到一种方法，让dingbats在Firefox、Chrome、Safari和IE中看起来完全一样

我注意到Dingbat在IE/Chrome/Safari中看起来是一样的，但是在Firefox中，它们看起来“更瘦”。 例如-尝试访问以下页面： 你会注意到，在Firefox中查看该页面时，与Chrome/IE相比，角色看起来不同

有人知道我为什么以及如何让Firefox显示与Chrome/IE中显示的字符完全相同的字符吗

我正试图找到一种方法让小蝙蝠看起来完全一样

你永远不会让字体在所有浏览器中看起来完全相同，不管所讨论的字符是否是丁巴狗

对我来说，该页面上的大多数字符都不会在IE或WebKit中呈现。IE传统上的字体回退比平均水平差，Firefox通常比平均水平好。Firefox和Opera为我选择的字体是Meiryo（一种安装在Windows Vista和更高版本中的日文字体）。在IE和WebKit上，可以使用Arial格式的符号选择非常有限，导致大多数字符丢失

因此，要想以您想要的方式呈现符号字符，请像对待任何其他字符一样，指定您想要的字体，例如CSS

font-family:Meiryo

。但当然，任何没有安装这种字体的人都会得到一些不同的东西，浏览器/操作系统设置可能会改变字体的呈现方式

Zapf Dingbats集合中的符号字符在web上使用是不安全的，因为操作系统安装的基本默认字体集合通常不包括大多数字体的字形。（“Wingdings”在Windows上有，但它是一种传统字体，具有自定义映射，将符号放在ASCII字符上，而不是放在Unicode中的位置，因此在web上使用它也不安全。）

对于常用的字体集，通常可以使用一些符号字符，例如：

● ■ ☺ ☻ ♥ ♦ ♣ ♠ • ▲ ▼

---

其他的，我会尽量避免。

有趣的是……在一台装有Firefox 3.6.13和Chrome 8.0.552.231的MacOS X 10.6.6机器上，Wikipedia页面确实呈现了第一个表格，ITC Zapf Dingbats，略有不同。效果在字符集左下角的实心半圆上最为明显

主Unicode Dingbats表呈现几乎相同的结果；Firefox生成包含缺失符号的4个十六进制数字的方框，但Chrome只生成空方框——我更喜欢Firefox的技术

浏览器必须使用稍有不同的字体或稍有不同的字体大小（尽管我无法通过肉眼检测到大小的差异）。我还没有查看正在呈现的HTML

---

总的来说，我认为这在“允许的变化”范围内，但我不是专家。如果你要求浏览器之间像素对像素的相似性，我怀疑你将面临一个担忧的世界。需要注意的是要清楚地传达信息。

在我的FF 3.6和Chrome 8.0上看起来是一样的。不过我是在Vista上。让事情看起来一样的唯一可能方法是发送文字位图，而不是抽象代码点。您不可能梦想使代码点看起来相同。