Jak wygenerować w html znak Webdings kopertę 0x2A


(Lufcik) #1

Witam,
Jak w temacie. Chodzi mi o znak koperty ze zbioru Webdings. Jak to wygenerować?
Ustawiłem już w css “font-family:webdings;”, ale chyba źle zapisuję sam znak w html. Proszę o pomoc.


(krystian3w) #2

Może awesome font (wesja 4.7) zastosuj:

http://fontawesome.io/icon/envelope-open-o/
http://fontawesome.io/icon/envelope-open/

 

Webdings / Windings nie działa dobrze w przeglądarkach.


(krystian3w) #3

Opcja bez webowego fontu w unicode (jak otwarta koperta jednak odpada):

http://www.alanwood.net/demos/wingdings.html

* 42 0x2A envelopeback 🖂 128386 U+1F582 Back of envelope Miscellaneous Symbols and Pictographs
+ 43 0x2B envelopefront 🖃 128387 U+1F583 Stamped envelope Miscellaneous Symbols and Pictographs

(Lufcik) #4

Dzięki, problem powiedzmy rozwiązany tym linkiem, co podałeś.
Czemu tej otwartej koperty nie da się wygenerować w html?
To jest kwestia kodowania, czy od czego to zależy?


(krystian3w) #5

Dostępności czcionki dla przeglądarki. Działa tylko z Edge / Internet Explorer / Chrome / nowej Operze.

stackoverflow.com/questions/7862569/wingdings-font-family-does-not-seem-to-work-on-firefox-and-opera


Na gnu-linux, MacOS, Android pewnie się nie wyświetli z powodu braku tej czcionki w systemie.


(Przemo78) #6

Wypróbuj czcionek fontello
http://fontello.com/

a tu instrukcja video jak na stronę wstawiać fonty fontello akcja od 34:50