ไอคอนเหล่านี้ทำงานอย่างไร: 🌍🌎🌏✅️


123

ฉันเห็นตัวละครเหล่านี้เป็นไอคอนสี:

🌍🌎🌏✅️

ใช้งานได้กับ Firefox สำหรับฉันเท่านั้น หากคุณไม่เห็นตัวอักษรสีดูเหมือนว่าในระบบของฉัน (อาจขึ้นกับตัวอักษร):

คำอธิบายภาพ

ฉันสามารถเห็นพวกเขาใน firebug และชื่อแท็บ:

คำอธิบายภาพ

คำอธิบายภาพ

คำอธิบายภาพ

และมีไฟล์เต็มของพวกเขา ฉันยังทำเอกสารนี้ชื่อภาพเคลื่อนไหวกับพวกเขาซึ่งแสดงให้เห็นว่าพวกเขาทำงานได้แม้ภายนอก HTML

นั่นคืออะไร?


ความคิดเห็นไม่ได้มีไว้สำหรับการอภิปรายเพิ่มเติม การสนทนานี้ได้รับการย้ายไปแชท
Journeyman Geek

ฉันใช้ Opera และฉันไม่เห็นพวกเขาอย่างที่คุณแสดงในภาพ "มันเป็นแบบนี้" ดังนั้นฉันอยากจะแก้ไขที่ออกมาจากคำถามของคุณ แต่มันจะไม่สำคัญมาก ...
Stephan Bijzitter

37
@StephanBijzitter: ความจริงที่ว่าคุณและคนอื่นไม่เห็นไอคอนในแบบที่เป็นเหตุให้ภาพมีความสำคัญ อย่าลบมัน
user2357112


2
คำหลัก: OpenType-SVG ( stateofwebtype.com/#OpenType-SVG , color.typekit.com )
Prinzhorn

คำตอบ:


145

อักขระเหล่านี้คืออิโมจิที่เป็นที่ยอมรับโดยมาตรฐาน Unicode ซึ่งกำหนดสิ่งที่อักขระแต่ละตัวนำเสนอ

รูปลักษณ์ที่แน่นอนสำหรับพวกเขานั้นแตกต่างกันไปสำหรับแต่ละระบบปฏิบัติการและแต่ละแอพพลิเคชั่น แต่ทั้งหมดล้วนเป็นสิ่งเดียวกัน

โลก (🌏) เป็นอักขระ Unicode 1F30Fและเป็นที่เรียกว่า EARTH GLOBE เอเชียออสเตรเลีย ตัวที่สอง (✅) เรียกว่า WHITE HEAVY CHECK MARKและเป็น Unicode 2705

ในลักษณะนั้นมีอิโมจินับพันบางตัวที่ทุกแอปพลิเคชันรองรับและบางตัวที่มีการรองรับน้อยกว่า ดูรายการทั้งหมดได้ที่นี่http://www.fileformat.info/info/emoji/browsertest.htm


56
รูปลักษณ์ที่แน่นอนนั้นขึ้นอยู่กับแบบอักษรที่คุณใช้เนื่องจากแบบอักษรเป็นสิ่งที่กำหนดว่าอักขระควรมีลักษณะอย่างไรและตัวอักษรเป็นเพียงตัวอักษร
totymedli

23
อันที่จริงคนที่สองคือ (ตามที่คุณกล่าวว่า) สีขาวหนักเครื่องหมายบวกกับการเลือกรูปแบบ-16 ✅️คัดลอกมาจากคำถามดูเหมือนเครื่องหมายถูกสีขาวในกล่องสีเขียว✅คัดลอกมาจากคำตอบของคุณดูเหมือนเครื่องหมายถูกสีขาวที่มีเส้นขอบสีดำและเมื่อฉันวางตัวเลือกชุดรูปแบบหลังจากที่เครื่องหมาย check สีขาวที่มีเส้นขอบสีดำ เครื่องหมายสีขาว✅️เดียวกันในกล่องสีเขียว สกรีนช็อตของความคิดเห็นนี้เพื่อความชัดเจน
Stijn

4
พวกเขาอาจไม่ได้สังเกตเห็นเนื่องจากการสนับสนุนแบบอักษรไม่ดี บนเบราว์เซอร์ของฉันฉากหลังสีเขียวไม่ปรากฏขึ้น
user2357112

8
@Stijn สำหรับฉันใน Chrome ทั้งคู่เป็นเครื่องหมายถูกสีเขียวi.imgur.com/Cv5RTFM.png
Yisroel Tech

6
สิ่งนี้ไม่ได้ตอบคำถามซึ่งเกี่ยวกับการแสดงผลใน Firefox ไม่ใช่สาเหตุที่อีโมจิอยู่ที่นั่น
oldmud0

73

Firefox คือการใช้ตัวอักษรพิเศษสำหรับเหล่าตัวละครอีโมจิ มันใช้ฟีเจอร์แบบอักษร TrueType ที่ค่อนข้างใหม่และไม่ค่อยมีใครใช้: glyph สีแบบแบ่งชั้น นอกเหนือจากนั้น (เช่นมีแบบอักษรพิเศษที่มี glyphs ก่อนสี) ไอคอนเหล่านี้เป็นอักขระ Unicode ทั่วไป

Windows มีการสนับสนุนแบบอักษรดั้งเดิมที่มีสีเฉพาะในรุ่น 8.1 และต่อไปดังนั้น Firefox จึงติดตั้ง EmojiOne แบบส่วนตัวและใช้ตัวแสดงฟอนต์ของมันใน Windows 7 ซึ่งจะอธิบายถึงการขาดไอคอนอีโมจิที่มีสีสันในแอปพลิเคชันอื่น ๆ


2
หากมีการสนับสนุนร่ายมนตร์สำหรับร่ายมนตร์สีแบบเลเยอร์ใน Win10 ทำไมพวกเขาถึงยังปรากฏเป็นขาวดำเช่น Edge?
Bas

5
@Bas อย่างที่เราเห็นผ่านเครื่องมือสำหรับนักพัฒนาของ Edge Segoe UI Emoji จะไม่ถูกเลือกให้แสดงหน้านี้ (แบบอักษรขาวดำอื่น ๆ ทำ) การแทรกแบบอักษรไปยังแอตทริบิวต์แบบอักษรตระกูลทำเคล็ดลับ: i.imgur.com/IXiNC86.png
aitap

4
การสนับสนุน emoji Colored @ อยู่ในการดูตัวอย่าง Edge ล่าสุดและจะเป็นเวอร์ชันสาธารณะถัดไป
Josiah Keller

1
พอน่าสงสัย Firefox บนกล่อง Ubuntu 16.10 ของฉันแสดงร่ายมนตร์สีดำและสีขาว (ฉันได้บูตเข้าสู่ Win10 หลังจากนั้นและยืนยันว่าพวกเขามีสีแน่นอน)
ลุค

2
@Luke Ubuntu มีการสนับสนุนสัญลักษณ์สีที่วางแผนไว้สำหรับ Unity 8
stommestack

25

กล่าวโดยย่อ : Firefox ใช้แบบอักษรที่สัญลักษณ์เหล่านี้มีลักษณะเหมือนที่พวกเขาทำ

อักขระเหล่านี้เป็นส่วนหนึ่งของมาตรฐาน Unicode

Unicode เป็นมาตรฐานอุตสาหกรรมคอมพิวเตอร์สำหรับการเข้ารหัสการแสดงและการจัดการข้อความที่สอดคล้องกันในระบบการเขียนส่วนใหญ่ของโลก พัฒนาร่วมกับมาตรฐาน Universal Coded Character Set (UCS) และเผยแพร่เป็นมาตรฐาน Unicode รุ่นล่าสุดของ Unicode ประกอบด้วยเพลงมากกว่า 128,000 ตัวอักษรครอบคลุมสคริปต์ที่ทันสมัยและประวัติศาสตร์ 135 ชุดรวมถึงสัญลักษณ์หลายชุด -Wikipedia

ดังนั้นไม่เหมือนกับ ASCII (ซึ่งมีน้อยมาก) Unicode มีชุดสัญลักษณ์หลายชุด ในขณะที่มันได้รับการมาตรฐานในสิ่งที่รหัสควรเป็นตัวแทนของตัวอักษรหรือสัญลักษณ์ Unicode ไม่ได้ระบุว่าสัญลักษณ์ควรมีลักษณะอย่างไร ดังนั้นระบบปฏิบัติการทั้งหมดจึงมีชุดของสัญลักษณ์กราฟิกที่ดูแตกต่างออกไป ซึ่งอาจรวมถึงสีที่มีบางส่วนและบางส่วนเป็นเพียงโครงร่างหรือขาวดำ

นอกจากนี้ยังเป็นไปได้ที่ฟอนต์จะมีชุดงานศิลปะเป็นของตนเองสำหรับสัญลักษณ์เหล่านี้เพื่อให้ตัวละครสามารถไปพร้อมกับความรู้สึกของแอพพลิเคชั่น แม้ในแอพพลิเคชั่นคุณอาจมีหน้าเว็บที่แตกต่างกันโดยใช้ชุดรูปภาพที่แตกต่างกัน ดังนั้นคุณสามารถโต้ตอบกับตัวละครเหมือนอย่างอื่นได้ แต่มันจะดูแตกต่างออกไป

คุณสามารถดูวิธีการว่าอิโมจิ (สำหรับ🌍🌎🌏ข้ามไป # 1483) ดูบนแพลตฟอร์มต่างๆที่นี่


4
128,000 เป็นจำนวนมากของไอคอนการวาด ฉันไม่โทษศิลปินที่ไปด้วยไอคอนขาวดำแทนที่จะเป็นสีเต็ม
ด่าน

@Dan, 128,000 เป็นจำนวนตัวอักษรไม่ใช่สัญลักษณ์ เหล่านี้รวมถึงตัวอักษรภาษาด้วยซึ่งมีจำนวนมากสำหรับภาษาเช่นภาษาญี่ปุ่นหรือภาษาจีนกลาง
PulseJet

1
@ ด่านฉันหมายความว่ามีเพียง 128,000 สัญลักษณ์เท่านั้นที่ต้องใช้สี ไม่ได้บอกว่ามีสีไม่มาก แต่ก็ไม่มีที่ไหนใกล้ 128,000
PulseJet

1
อ่าฉันไม่ได้หมายความว่าพวกเขาควรจะมีสี แต่เพียงการวาดภาพว่ามีอะไรหลายอย่างมากพอที่จะทำให้ฉันไม่ต้องการยุ่งกับสีใด ๆ (เช่นสี) ฮ่าฮ่า
ด่าน

2
@Dan ไม่มีใครวาดที่จุดรหัสมากและเกือบจะไม่มีแบบอักษรที่มีตัวอักษรสำหรับทุกจุดรหัส Unicode ตัวแสดงฟอนต์จะแทนที่ร่ายมนตร์จากฟอนต์อื่นเมื่อฟอนต์ปัจจุบันไม่มีร่ายมนตร์เหล่านั้น เหตุใดจึงไม่มีแบบอักษรที่ประกอบด้วยสัญลักษณ์ Unicode ทั้งหมด
phuclv

2

ตัวละครเหล่านี้ "งาน" แบบเดียวกับตัวละครอื่น ๆ เช่นa, ø, λ, ଶୁ, และการทำงาน ตัวอักษรถูกแทนด้วยหมายเลขนามธรรมซึ่งใช้เพื่อเลือกและจัดทำดัชนีแบบอักษรที่มีอยู่เพื่อแสดงตัว

ในระบบของคุณก็ปรากฏว่า Firefox จะแสดงผลของตัวเองและมีการเข้าถึงแบบอักษรที่มีร่ายมนตร์สำหรับ🌍, 🌎, และ🌏 ✅️โดยทั่วไปแอปพลิเคชันอื่น ๆ จะใช้แบบอักษรที่มีให้โดย X server (หรือเทียบเท่า) ดังนั้นจึง จำกัด แบบอักษรที่คุณติดตั้งหรือชี้เซิร์ฟเวอร์ของคุณที่ (เช่นมีxset +fpหรือคล้ายกัน)

แบบอักษรหลายสีเป็นการพัฒนาล่าสุดและยังค่อนข้างทดลอง ตามเนื้อผ้าร่ายมนตร์อักษรเป็นสีเดียวที่สามารถประกอบกับพื้นหลังใด ๆ


1

มันแตกต่างกันในแต่ละเบราว์เซอร์, สรรพสินค้าคุณสามารถเพิ่มตัวอักษรเฉพาะในเว็บไซต์ของคุณที่โหลดในทั้งอีโมจิ ตัวอย่างเช่น:

โพสต์นี้ในการออกแบบกราฟิกมีแบบอักษร Emoji ฟรีหรือไม่ อาจจะน่าสนใจ หากไม่มีแบบอักษรที่กำหนดเองคุณต้องจำไว้ว่าเว็บไซต์ของคุณจะดูแตกต่างในทุกเบราว์เซอร์


นี่เป็นเพียงรายการที่ตั้งใจจะนำผู้คนไปสู่อิโมจิและยูนิโคดยิ้มได้เร็วขึ้น


0

สิ่งเหล่านี้เป็นเพียงตัวอักษร Unicode ดังนั้นกล่องข้อความใด ๆ ที่รองรับ Unicode สามารถแสดงได้โดยไม่มีปัญหาหากมีฟอนต์และร่ายมนตร์อยู่ในระบบ อย่างไรก็ตามรูปลักษณ์และความรู้สึกสำหรับอักขระ Unicode แต่ละตัวขึ้นอยู่กับตัวแสดงผลและแบบอักษรที่ใช้สำหรับอักขระเหล่านั้น

อักขระแบบดั้งเดิมจะถูกเติมด้วยสีเดียวเท่านั้น อีโมจิที่มีสีนั้นค่อนข้างใหม่ดังนั้นการสนับสนุนของพวกเขาจึงแตกต่างกันไปตามแต่ละแพลตฟอร์ม เทคนิคต่างๆได้รับการคิดค้นสำหรับการระบายสีเช่นPNGs ฝัง SVGs หรือมาสก์ชั้น แต่ทุกคนต้องการตัวแสดงผลใหม่ซึ่งไม่สามารถใช้งานได้ในระบบปฏิบัติการรุ่นเก่า

ดังนั้นตั้งแต่ Firefox เวอร์ชัน 50.0 จึงได้ฝังตัวแสดงผลและแบบอักษรของตัวเองเพื่อรองรับอีโมจิที่มีสี คุณสามารถค้นหาได้ในบันทึกประจำรุ่น

การเปลี่ยนแปลง

เพิ่มชุด Emoji ในตัวสำหรับระบบปฏิบัติการที่ไม่มีแบบอักษร Emoji ดั้งเดิม (Windows 8.0 ขึ้นไปและ Linux)

ไฟล์ตัวอักษรสามารถพบได้ใน %FirefoxInstallDir%\fonts\EmojiOneMozilla.ttf

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.