Семейство шрифтов Wingdings, похоже, не работает в Firefox и Opera

Я использовал шрифт Wingdings в CSS для некоторых символов, таких как карандаш и значок дома.

Он работал на IE, Chrome и Safari, но не в Firefox и Opera. Я googled, но не нашел лучшего решения.

Почему он не работает в Firefox? Мне нужно использовать эти значки, есть ли способ использовать Wingdings в Firefox?

Ответы

Ответ 1

Mozilla и Opera являются стандартными. Wingdings не является стандартным (какой сюрприз у Microsoft), поскольку он не привязан к Unicode и поэтому никогда не должен использоваться на веб-сайте.

Однако не отчаивайтесь, большинство символов доступно в Unicode: проверьте http://www.alanwood.net/demos/wingdings.html

Важное добавление (октябрь 2014): По состоянию на Unicode v7, выпущенном 16 июня 2014 года, все символы из Webdings и Wingdings добавлены в Unicode. См. Комментарий ниже.

Ответ 3

Доступ к символам Wingdings можно получить с помощью Unicode-совместимого способа через "Private Use Area" (кодовые страницы U+E000 до U+F7FF). Эти коды символов зарезервированы для любых символов шрифта, не являющихся частью обычного набора символов Юникода, и действительно, Wingdingds отображает все его символы в поддиапазоне U+F021 до U+F0FF.

Например, треугольный флаг, который отображается в P= 0x50 в устаревшем кодировании, может быть доступен через U+F050= =  (HTML) = \F050 (CSS).

Я не уверен в других браузерах, но он работает в Firefox 12.

Ответ 4

Чтобы процитировать сайт:

Были бесконечные споры между людьми, которые заявили, что Mozilla должна поддерживать шрифт символа в конфигурации по умолчанию, потому что это ценная способность и стандарты юристов, которые сказали "нет", потому что считают, что поддержка нарушает стандарт HTML. До сих пор обструкционисты преобладали.

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

Ответ 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>

Ответ 6

Вы можете использовать Gimp или другое графическое программное обеспечение и сделать некоторые GIF из необходимых значков из шрифта Wingdings.