Семейство шрифтов Wingdings не работает в Firefox и Opera. - PullRequest
Новая
       80

Семейство шрифтов Wingdings не работает в Firefox и Opera.

34 голосов
/ 23 октября 2011

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

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

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

Ответы [ 6 ]

41 голосов
/ 23 октября 2011

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

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

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

14 голосов
/ 23 октября 2011

Вы можете использовать символы Юникода, такие как

✎

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

5 голосов
/ 22 мая 2012

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

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

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

2 голосов
/ 23 октября 2011

Цитировать сайт:

Между людьми велись бесконечные дебаты о том, что Mozilla должна поддерживать шрифт символа в его конфигурации по умолчанию, потому что это ценная возможность, и юристы, отвечающие стандартам, сказали «нет», поскольку считают, что поддержка нарушает стандарт HTML. Пока что обструкционисты победили.

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

0 голосов
/ 23 октября 2011

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

0 голосов
/ 23 октября 2011 
@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>
...