✎

Question

我在CSS中使用Wingdings字体作为铅笔和主页图标等符号。

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

为什么它不适用于Firefox？我确实需要使用这些图标，有没有办法在Firefox中使用Wingdings？

Answer 1

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

但是，不要绝望，大多数符号都有Unicode：检查http://www.alanwood.net/demos/wingdings.html

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

Answer 2

您可以使用

等unicode字符

✎

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

Answer 3

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

例如，可以通过P = 0x50 = U+F050访问传统编码中映射到 = &#xF050;的三角形标记（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。

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

6 个答案:

✎