Wingdings 字体系列似乎不适用于 Firefox 和 Opera

Question

我在 CSS 中使用 Wingdings 字体来表示一些符号，例如铅笔和主页图标。

它适用于 IE、Chrome 和 Safari，但不适用于 Firefox 和 Opera。我用谷歌搜索但没有找到更好的解决方案。

为什么它在 Firefox 中不起作用？我确实需要使用这些图标，有什么办法可以在 Firefox 中使用 Wingdings 吗？

Answer 1

Mozilla 和 Opera 符合标准。
Wingdings 不是标准的（微软的惊喜），因为它没有映射到 Unicode，所以永远不应该在网站上使用。

不过，不要绝望，大多数符号都以 Unicode 形式提供：检查 http://www.alanwood.net /demos/wingdings.html

重要附录（2014 年 10 月）： 截至 Unicode v7，于 2014 年 6 月 16 日发布，Webdings 和 Wingdings 中的所有字符均已添加到统一码。请参阅下面的评论。

Answer 2

您可以使用 unicode 字符，例如

✎

http://www.fileformat.info /info/unicode/char/270e/index.htm

Answer 3

Wingdings 字符可以通过“专用区域”以符合 Unicode 的方式访问（代码点 U+E000 到 U+F7FF ）。这些字符代码是为不属于常规 Unicode 字符集的任何特定于字体的符号保留的，实际上 Wingdingds 将其所有符号映射到子范围 U+F021 到 U+F0FF.

例如，在传统编码中映射到 P = 0x50 的三角形标志可以通过 U+F050 = 访问 =  (HTML) = \F050 (CSS)。

我不确定其他浏览器是否如此，但它确实可以在 Firefox 12 中使用。

Answer 4

引用一个网站：

人们之间进行了无休止的争论，认为 Mozilla 应该在默认配置中支持符号字体，因为这是一种宝贵的能力和标准，而律师们则表示不支持，因为他们认为这种支持违反了 HTML 标准。到目前为止，阻挠者占了上风。

http://hutchinson.belmont.ma.us/tth/Wfonts.html

Answer 5

@font-face {
  font-family: "Your typeface";
  src: url("type/filename.eot");
  src: local("☺"),
    url("type/filename.woff") format("woff"),
    url("type/filename.otf") format("opentype"),
    url("type/filename.svg#filename") format("svg");
  }

更多这里
http://nicewebtype.com/notes/ 2009/10/30/how-to-use-css-font-face/

HTML 中的简单解决方案

<style type="text/css">
@font-face {
    font-family: "Ace Crikey";
    src: url(ace.ttf);
}
.ace {
    font-family: "Ace Crikey";
    font-size: 230%;
}
</style>

Answer 6

您可以使用 Gimp 或其他图形软件，并使用 Wingdings 字体制作一些所需图标的 GIF。