Bu simgeler nasıl çalışır: 🌍🌎🌏✅️?


123

Bu karakterleri renkli ikonlar olarak görebiliyorum:

🌍🌎🌏✅️

Sadece benim için Firefox'ta çalışıyor. Karakterleri renkli göremiyorsanız, sistemimde şöyle görünür (muhtemelen font bağımlıdır):

görüntü açıklaması

Bunları firebug ve tab başlıklarında bile görebiliyorum:

görüntü açıklaması

görüntü açıklaması

görüntü açıklaması

Ve tam bir dosya var . Ayrıca bu belgeyi de yazdım. Onlarla birlikte HTML dışında da çalıştıklarını gösteren animasyon .

O nedir?


Yorumlar uzun tartışmalar için değildir; bu konuşma sohbete taşındı .
Journeyman Geek

Opera kullanıyorum ve kesinlikle "böyle gözüküyor" resminde gösterdiğiniz şekilde görmüyorum. Bu yüzden, bunu sorunuzdan düzenlemeye
can atıyorum

37
@StephanBijzitter: Siz ve başkalarının ikonları bu şekilde görmemesi , görüntünün önemli olmasının nedeni . Çıkarma onu.
user2357112


2
Anahtar Kelime: OpenType-SVG ( stateofwebtype.com/#OpenType-SVG , color.typekit.com )
Prinzhorn

Yanıtlar:


145

Bu karakterler, her bir karakterin neyi sunduğunu tanımlayan Unicode standartları tarafından tanınan emojilerdir.

Onlar için kesin bakış, her işletim sistemi ve her uygulama için farklıdır, ancak hepsi aynı şeyi gösterir.

Küre (🌏) Unicode karakterdir 1F30Fve DÜNYA KÜRESEL ASYA-AVUSTRALYA olarak adlandırılır . ikincisi (✅) BEYAZ AĞIR KONTROL MARKI olarak adlandırılır ve Unicode 2705'tir.

Bu şekilde, bazıları her uygulamanın desteklediği, bazıları daha az destek alan binlerce emoji var. Burada tam listeye bakın http://www.fileformat.info/info/emoji/browsertest.htm


56
Onlar için tam görünüm kullandığınız yazı tipine bağlıdır, çünkü yazı tipi bir karakterin nasıl görünmesi gerektiğini tanımlayan şeylerdir ve emojiler sadece karakterlerdir.
totymedli

23
Aslında, ikincisi (dediğiniz gibi) VARIATION SELECTOR-16 ile birlikte BEYAZ AĞIR KONTROL MARKI . Sorudan kopyalanan cop️ yeşil bir kutuda beyaz bir onay işareti gibi görünüyor, answer cevabınızdan kopyalanmış siyah bir kenarlıkla beyaz bir onay işareti gibi görünüyor ve varyasyon seçiciyi siyah bir kenarlıklı beyaz bir onay işaretinden sonra yapıştırdığımda, yeşil bir kutuda aynı white️ beyaz onay işareti. Netlik için bu yorumun ekran görüntüsü
Stijn

4
Yazı tipi desteğinin düşük olması nedeniyle farketmemiş olabilirler. Tarayıcımda yeşil zemin görünmüyor.
user2357112

8
@Stijn, benim için Chrome'da ikisi de yeşil kutulu onay işaretidir i.imgur.com/Cv5RTFM.png
Yisroel Tech

6
Bu , emojinin neden orada olduğundan değil, Firefox'ta nasıl işlendiğiyle ilgili olan soruyu cevaplamıyor .
oldmud0

73

Firefox bu emoji karakterleri için özel bir yazı tipi kullanıyor . TrueType yazı tiplerinin nispeten yeni ve nadiren kullanılan bir özelliğini kullanıyor: katmanlı renk glifleri. Bundan başka (yani önceden yazılmış glifleri olan özel bir fontu olan) bu simgeler sıradan Unicode karakterleridir.

Windows bu renkli yazı tipleri için yalnızca 8.1 ve sonraki sürümlerde yerel desteğe sahiptir , bu nedenle Firefox, EmojiOne'u özel olarak yükler ve Windows 7'de bunun için kendi yazı tipi oluşturucusunu kullanır.


2
Win10'da katmanlı renk glifleri için yerel destek varsa, neden Edge gibi monokrom içinde görünüyorlar?
Bas

5
@Bar, Edge geliştirici araçları aracılığıyla görebileceğimiz gibi, Segoe UI Emoji bu sayfayı görüntülemek için seçilmedi (diğer tek renkli fontlar bunu yapıyor). Yazı tipini font-family özniteliğine eklemek
aitap

4
@Bas Coloured emoji desteği en son Edge önizlemelerinde ve bir sonraki ortak sürümde olacak.
Josiah Keller

1
İlginçtir ki, Ubuntu 16.10 kutumdaki Firefox siyah ve beyaz glifleri gösteriyor (daha sonra Win10'a boot ettim ve gerçekten renkli olduklarını doğruladım)
Luke

2
@Luke Ubuntu, Unity 8 için planlanan renk glif desteğine sahiptir.
stommestack

25

Kısacası : Firefox, bu sembollerin yaptıkları gibi göründüğü bir font kullanır .

Bu karakterler Unicode Standard'ın bir parçasıdır.

Unicode, dünyanın yazı sistemlerinin çoğunda ifade edilen metnin tutarlı kodlanması, gösterilmesi ve işlenmesi için kullanılan bir bilgisayar endüstrisi standardıdır. Evrensel Kodlu Karakter Kümesi (UCS) standardıyla birlikte geliştirilen ve Unicode Standardı olarak yayınlanan Unicode'un en yeni sürümü, 135 modern ve tarihi senaryoyu kapsayan 128.000'den fazla karakterden oluşan bir repertuar ve birden fazla simge seti içerir. -Wikipedia

Bu nedenle, ASCII'nin aksine (çok az olan), Unicode birkaç sembol seti içerir. Şimdi hangi kodun hangi alfabeyi veya sembolü temsil etmesi gerektiği konusunda standartlaştırılmış olmasına rağmen Unicode, sembolün nasıl görünmesi gerektiğini tam olarak belirtmiyor. Bu nedenle, tüm işletim sistemleri farklı görünmek için kendi sembol grafik setlerine sahiptir. Bu, bazıları renkli, bazıları sadece anahatlar veya siyah ve beyaz olabilir.

Ayrıca, yazı tiplerinin bu semboller için kendi sanat eserlerine sahip olmaları da mümkündür, böylece karakterler uygulamanın havasını taşıyabilir. Uygulamanın içinde bile, farklı görüntü kümeleri kullanarak farklı sayfalarınız olabilir. Böylece, aksi takdirde yaptığınız gibi karakter ile etkileşime girebilir, ancak sadece farklı görünecektir.

Burada emojinin (for, # 1483 e atla) nasıl farklı platformlarda göründüğünü görebilirsiniz .


4
128.000, çizilecek birçok simgedir . Sanatçıları, tam renkli yerine siyah beyaz simgelerle kullandıkları için suçlamıyorum.
Dan

@Dan, 128.000, sembol sayısı değil karakter sayısıdır. Bunlar, Japonca veya Mandarin gibi diller için çok büyük olan dil karakterlerini de içerir.
PulseJet,

1
@Dan, sadece renklendirilmesi gereken 128.000 sembol olmadığını kastediyordum. Renklendirilecek pek bir şey olmadığını söylemiyorum, ama bu 128.000'e yakın bir yer değil.
PulseJet,

1
Ah, birçok olduğunu çizim sadece o, hepsi renkli gerektiğini ima etmek istemedim şey beni bunlardan herhangi zorlaştırmak istiyor (yani renk) değil yapmak için yeterlidir. Haha.
Dan,

2
@Dan kimse bu kadar kod noktasını çizmez ve neredeyse hiç yazı tipi, tüm Unicode kod noktaları için karakterler içermez. Font oluşturucu olacaktır yerine mevcut yazı tipi bu motifleri içermeyen, başka bir yazı glifleri. Neden tüm Unicode gliflerini içeren bir font yok?
phuclv

2

Bu karakterler "iş" gibi diğer karakterler, aynı şekilde a, ø, λ, ଶୁ, ve , iş. Karakterler, karakteri görüntülemek için uygun bir fontu seçmek ve dizine eklemek için kullanılan soyut bir numara ile temsil edilir.

Senin sistemde, Firefox kendi oluşturmayı yapar ve motifi içeren fontlara erişimlerinin olduğu anlaşılıyor 🌍, 🌎, 🌏ve ✅️. Diğer uygulamalar normalde X sunucusu (veya eşdeğeri) tarafından sağlanan fontları kullanır, bu nedenle sunucunuzu yüklediğiniz veya işaret ettiğiniz fontlarla sınırlı (örneğin xset +fpveya benzer).

Çok renkli fontlar yeni ve hala oldukça deneysel bir gelişmedir; geleneksel olarak font glifleri, herhangi bir arka plana karşı oluşturulabilen tek bir renktir.


1

Her tarayıcıda farklıdır, bu emoji'leri yükleyen web sitenize belirli bir yazı tipi ekleyebilirsiniz . Örneğin:

Grafik Tasarım üzerine Bu yazı Herhangi bir ücretsiz Emoji yazı tipi var mı? ayrıca ilginç olabilir. Özel bir simge yazı tipi olmadan, web sitenizin her tarayıcıda farklı görüneceğini aklınızda bulundurmanız gerekir.


Bu sadece insanları emoji ve unicode suratlara daha hızlı yönlendirmek için hazırlanmış bir liste.


0

Bunlar sadece Unicode karakterleridir, bu nedenle, Unicode'u destekleyen herhangi bir metin kutusu, font ve gliflerin sistemde bulunması koşuluyla, onları sorunsuz olarak görüntüleyebilir. Bununla birlikte, her Unicode karakterinin görünümü ve dokunuşu , işleyiciye ve onlar için kullanılan yazı tipine bağlıdır.

Geleneksel olarak karakterler sadece tek bir renkle doldurulur. Renkli emojiler oldukça yeni bir şey, bu yüzden destekleri platformdan platforma değişiyor. Gömülü PNG'ler, SVG'ler veya katmanlı maskeler gibi renklendirme için çeşitli teknikler icat edilmiştir . Ancak hepsi eski işletim sistemlerinde mevcut olmayan yeni bir işleyici gerektiriyor.

50.0 sürümünden bu yana Firefox, renkli emojiyi desteklemek için kendi oluşturucusunu ve yazı tipini yerleştirmiştir. Sürüm notlarında bulabilirsiniz

değişmiş

Yerel Emoji fontları olmayan işletim sistemleri için yerleşik bir Emoji seti eklendi (Windows 8.0 ve daha düşük ve Linux)

Yazı tipi dosyasında bulunabilir. %FirefoxInstallDir%\fonts\EmojiOneMozilla.ttf

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.