Widzę te postacie jako kolorowe ikony:
🌍🌎🌏✅️
Działa tylko w przeglądarce Firefox. Jeśli nie widzisz kolorowych znaków, wygląda to tak w moim systemie (prawdopodobnie jest to zależne od czcionki):
Widzę je nawet w tytułach Firebug i Tab:
I jest ich pełna teczka . Zrobiłem też z nimi animację document.title , co pokazuje, że działają nawet poza HTML.
Co to jest?
Odpowiedzi:
Te znaki to emoji, które są rozpoznawane przez standardy Unicode, które określają, co przedstawia każda postać.
Dokładny ich wygląd jest inny dla każdego systemu operacyjnego i każdej aplikacji, ale wszystkie przedstawiają to samo.
Globus (🌏) jest znakiem Unicode
1F30Fi nazywa się EARTH GLOBE ASIA-AUSTRALIA . drugi (✅) nosi nazwę WHITE HEAVY CHECK MARK i jest Unicode 2705.W ten sposób istnieją tysiące emoji, niektóre obsługiwane przez każdą aplikację i niektóre z mniejszym wsparciem. Zobacz pełną listę tutaj http://www.fileformat.info/info/emoji/browsertest.htm
źródło
Firefox używa specjalnej czcionki dla tych znaków emoji . Wykorzystuje stosunkowo nową i rzadko wykorzystywaną czcionkę TrueType: warstwowe glify. Poza tym (tj. Ze specjalną czcionką z kolorowymi glifami) ikony te są zwykłymi znakami Unicode.
Windows ma natywną obsługę tych kolorowych czcionek tylko w wersji 8.1 i nowszych, dlatego Firefox instaluje EmojiOne prywatnie i używa własnego renderera czcionek w Windows 7. Wyjaśnia to również brak kolorowych ikon emoji w większości innych aplikacji.
źródło
W skrócie : Firefox używa czcionki, w której te symbole wyglądają tak, jak wyglądają.
Te znaki są częścią standardu Unicode.
Tak więc, w przeciwieństwie do ASCII (który miał bardzo niewiele), Unicode zawiera kilka zestawów symboli. Chociaż ujednolicono kod, który powinien reprezentować alfabet lub symbol, Unicode nie określa dokładnie, jak powinien wyglądać symbol. Dlatego wszystkie systemy operacyjne mają własne zestawy symboli graficznych, które wyglądają inaczej. Może to obejmować niektóre kolory, a niektóre tylko kontury lub czarno-białe.
Możliwe jest również, że czcionki mają własny zestaw grafiki dla tych symboli, dzięki czemu znaki mogą działać zgodnie z wyglądem aplikacji. Nawet w aplikacji możesz mieć różne strony z różnymi zestawami obrazów. W ten sposób możesz wchodzić w interakcje z postacią tak, jak w innym przypadku, ale wyglądałoby to inaczej.
Można zobaczyć, jak dokładnie emotikonów (dla 🌍🌎🌏, przejdź do # 1483) spojrzeć na różnych platformach tutaj .
źródło
Te znaki „praca” w taki sam sposób jak inne znaki, takie jak
a,ø,λ,ଶୁ,にi晨, praca. Znaki są reprezentowane przez liczbę abstrakcyjną, która służy do wybierania i indeksowania dostępnej czcionki w celu wyświetlenia znaku.W systemie, wydaje się, że Firefox ma swoją własną rendering, i ma dostęp do czcionek zawierających glify dla
🌍,🌎,🌏i✅️. Inne aplikacje zwykle używają czcionek udostępnionych przez serwer X (lub równoważny), więc ogranicz się do czcionek zainstalowanych lub wskazanych przez serwer (np. Za pomocąxset +fplub podobnych).Czcionki wielokolorowe są najnowszym i wciąż dość eksperymentalnym opracowaniem; tradycyjnie glify czcionek są jednym kolorem, który można komponować na dowolnym tle.
źródło
W każdej przeglądarce jest inaczej, możesz dodać określoną czcionkę do swojej witryny, która ładuje się w tych emoji . Na przykład:
Ten post na temat projektowania grafiki Czy są jakieś darmowe czcionki Emoji? może być również interesujące. Bez takiej niestandardowej czcionki ikony należy pamiętać, że witryna będzie wyglądać inaczej w każdej przeglądarce.
To tylko lista, która ma na celu szybsze wprowadzenie emotikonów i emotikonów unicode.
źródło
Są to tylko znaki Unicode, więc wszystkie pola tekstowe obsługujące Unicode mogą wyświetlać je bez problemu, pod warunkiem, że czcionka i glify są dostępne w systemie. Jednak wygląd i działanie każdego znaku Unicode zależy od renderera i użytej czcionki.
Tradycyjnie znaki są wypełniane tylko jednym kolorem. Kolorowe emoji są całkiem nową rzeczą, dlatego ich obsługa różni się w zależności od platformy. Opracowano różne techniki kolorowania, takie jak osadzone pliki PNG, SVG lub maski warstwowe . Ale wszystkie wymagają nowego mechanizmu renderującego, który nie był dostępny w starszych systemach operacyjnych.
W rezultacie od wersji 50.0 Firefox ma wbudowany renderer i czcionkę do obsługi kolorowych emoji. Można go znaleźć w informacjach o wersji
Plik czcionki można znaleźć w
%FirefoxInstallDir%\fonts\EmojiOneMozilla.ttfźródło