Unicode特殊字符在Firefox和Chrome / IE中的显示方式不同 [英] Unicode special characters appear differently in Firefox vs. Chrome/IE

问题描述

我注意到Dingbats看起来是一样的。

我想在Firefox，Chrome，Safari和IE中找到一种使标记符完全一样的方法。在IE / Chrome / Safari中，在Firefox中 - 它们看起来更薄。
例如 - 尝试访问以下页面：
http：//en.wikipedia .org / wiki / Dingbat
您会注意到，当在Firefox中查看该页面时，与Chrome / IE相比，字符看起来不同。

有人知道为什么，如何使Firefox显示的字符与他们在Chrome / IE中显示的完全一样？

解决方案

我试图找到一种方法让标记显示完全一样

对于我来说，该网页上的大多数字符都不会在IE或IE浏览器中呈现。 WebKit。 IE传统上具有比平均值更差的字体回退，并且Firefox通常比平均值更好。 Firefox和Opera为我选择呈现符号的字体是Meiryo（安装了Windows Vista和更高版本的日语字体）。在IE和WebKit它回到更有限的选择在Arial可用的符号，留下大部分的字符丢失。

所以为了最好的机会渲染符号字符如何你想，做你做任何其他字符，并指定你想要的字体，例如。 CSS font-family：Meiryo 。但是，当然，没有安装该字体的任何人都会得到不同的东西，并且浏览器/操作系统设置可能会改变字体的一般呈现方式。

符号字符Zapf Dingbats设置不能安全地在网络上使用，因为操作系统安装的基本默认字体集通常不包括大多数字体的字形。 （Windows上的'Wingdings'，但它是一个具有自定义映射的旧字体，将符号放在ASCII字符上，而不是它们应该在Unicode中的位置，因此再次不能安全地在网络上使用。）

有几个符号字符，通常可以使用常用的字体集，例如：

 ●■☺☻♥♦♣♠▲▼
  

尽量避免。

I'm trying to find a way to make dingbats appear exactly the same in Firefox, Chrome, Safari and IE.

I noticed that the Dingbats appear the same in IE/Chrome/Safari, HOWEVER - in Firefox - they look "thinner". For example - try to visit the following page: http://en.wikipedia.org/wiki/Dingbat You'll notice that when viewing that page in Firefox - the characters look different in comparison to Chrome/IE.

Does anybody know why and how can I cause Firefox to display the characters EXACTLY like they appear in Chrome/IE?

解决方案

I'm trying to find a way to make dingbats appear exactly the same

You will never make fonts look exactly the same in all browsers, whether the characters in question are Dingbats or not.

For me, most of the characters on that page don't render in IE or WebKit. IE traditionally has poorer font fallback than average and Firefox typically better then average. The font that Firefox and Opera manage to choose to render the symbols for me is Meiryo (a Japanese font installed with Windows Vista and later). On IE and WebKit it falls back to the much more limited selection of symbols available in Arial, leaving most of the characters missing.

So for the best chance of rendering symbol characters how you want, do as you do for any other characters, and specify the font you want, eg. CSS font-family: Meiryo. But of course anyone who doesn't have that font installed will get something different, and browser/OS settings may change how fonts are rendered in general.

The symbol characters from the Zapf Dingbats set are not safe to use on the web, as the basic default sets of fonts installed by operating systems do not typically include glyphs for most of them. (‘Wingdings’ on Windows does, but it's a legacy font with a custom mapping that puts the symbols on ASCII characters instead of where they should be in Unicode, so again it's not safe to use on the web.)

There are a few symbol characters that you can typically get away with using for commonly-available font sets, eg:

● ■ ☺ ☻ ♥ ♦ ♣ ♠ • ▲ ▼

others, I'd try to avoid.

这篇关于Unicode特殊字符在Firefox和Chrome / IE中的显示方式不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！