سؤال كيف تعمل هذه الأيقونات: 🌍🌎🌏️؟


يمكنني رؤية هذه الأحرف كرموز ملونة:

انها تعمل فقط في فايرفوكس بالنسبة لي. إذا لم تتمكن من رؤية الأحرف بالألوان ، فستبدو كما لو كانت على نظامي (على الأرجح أنها تعتمد على الخط):

image description

يمكنني حتى رؤيتهم في العناوين في Firebug و tab:

image description

image description

image description

و هناك ملف كامل منهم. أنا أيضا فعلت هذا الرسوم المتحركة document.title معهم ، مما يدل على أنهم يعملون حتى خارج HTML.

ما هذا؟


120
2018-02-01 00:28


الأصل


التعليقات ليست للمناقشة الموسعة. كانت هذه المحادثة انتقل إلى الدردشة. - Journeyman Geek♦
أنا أستخدم الأوبرا وأنا بالتأكيد لا أراهم بالطريقة التي أظهرتموها في الصورة "يبدو مثل هذا". لذلك ، أنا أميل إلى تحرير ذلك من سؤالك ولكن لن يكون كبيرا جدا ... - Stephan Bijzitter
StephanBijzitter: حقيقة أن أنت والآخرين لا يرون الرموز بهذه الطريقة لماذا ا الصورة مهمة. لا تزله. - user2357112
youtube.com/watch؟v=tITwM5GDIAI - J. Hougaard
الكلمة الرئيسية: OpenType-SVG (stateofwebtype.com/#OpenType-SVG، color.typekit.com) - Prinzhorn


الأجوبة:


هذه الرموز هي رموز تعبيرية تم التعرف عليها بواسطة معايير Unicode التي تحدد ما يقدمه كل حرف.

يختلف المظهر الدقيق لها عن كل نظام تشغيل ، وكل تطبيق ، ولكن كل ذلك يوضح نفس الشيء.

الكرة الأرضية () هي حرف Unicode 1F30F وهو مسمي  EARTH GLOBE ASIA-AUSTRALIA. الثانية () مسمي  الأبيض علامة التحقق الثقيلة وهي يونيكود 2705.

وبهذه الطريقة ، هناك الآلاف من الرموز التعبيرية ، بعضها يدعمه كل تطبيق والبعض الآخر بدعم أقل. انظر القائمة الكاملة هنا http://www.fileformat.info/info/emoji/browsertest.htm


144
2018-02-01 01:04



يعتمد المظهر الدقيق لها على الخط الذي تستخدمه ، لأن الخط هي الأشياء التي تحدد كيف يجب أن تبدو الشخصية والرموز التعبيرية مجرد رموز. - totymedli
في الواقع ، الثاني هو (كما قلت) الأبيض علامة التحقق الثقيلة مدموج مع VARIATION SELECTOR-16. ️ نسخها من السؤال يبدو وكأنه علامة بيضاء في مربع أخضر ، ونسخها من إجابتك يبدو مثل علامة بيضاء مع حد أسود ، وعندما أقوم بلصق محدد الصيغة بعد علامة التحديد البيضاء الخاصة بك ذات الحد الأسود ، أحصل على نفس الشيء ️ علامة بيضاء في مربع أخضر. لقطة شاشة لهذا التعليق من أجل الوضوح - Stijn
ربما لم يلاحظوا ذلك بسبب ضعف دعم الخط. على المتصفح ، لا تظهر الخلفية الخضراء. - user2357112
Stijn ، بالنسبة لي في Chrome ، كلاهما علامة اختيار محفوظة باللون الأخضر i.imgur.com/Cv5RTFM.png - Yisroel Tech
هذا لا يجيب على السؤال ، وهو على وشك ماذا يتم تقديمها في Firefox ، لا لماذا ا الرموز التعبيرية هناك. - oldmud0


فايرفوكس يستخدم خط خاص لهؤلاء الرموز التعبيرية. إنها توظف ميزة جديدة نسبياً وغير مستخدمة إلا نادراً لخطوط تروتايب: رموز ألوان الطبقات. بخلاف ذلك (مثل وجود خط خاص مع حروف ملونة مسبقة) هذه الرموز هي أحرف Unicode عادية.

يحتوي Windows على دعم أصلي لهذه الخطوط الملونة فقط في الإصدارات 8.1 وما بعدهوبالتالي يقوم Firefox بتثبيت EmojiOne بشكل خاص ويستخدم عارض الخطوط الخاص به في Windows 7. ويوضح هذا أيضًا غياب الرموز التعبيرية الملونة في معظم التطبيقات الأخرى.


72
2018-02-01 11:41



إذا كان هناك دعم أصلي للحروف اللونية ذات الطبقات في Win10 ، فلماذا لا تزال تظهر في أحادية اللون في ، على سبيل المثال ، Edge؟ - Bas
Bas ، كما نرى من خلال أدوات مطوري Edge ، لا يتم تحديد Segoe UI Emoji لعرض هذه الصفحة (تفعلها الخطوط أحادية اللون الأخرى). يؤدي إدراج الخط إلى سمة font-family إلى الخدعة: i.imgur.com/IXiNC86.png - aitap
Bas دعم الرموز التعبيرية الملونة في أحدث معاينات Edge وسيكون في النسخة العامة التالية. - Josiah Keller
بشكل مثير للفضول ، يعرض Firefox على صندوق Ubuntu 16.10 صورًا باللونين الأبيض والأسود (لقد قمت بالتمهيد إلى Win10 بعد ذلك وأكدت أنها ملونة بالفعل) - Luke
Luke Ubuntu يحتوي على دعم glyph للون المخطط لـ Unity 8. - Jop V.


بالمختصر: يستخدم فايرفوكس الخط حيث تبدو هذه الرموز بالطريقة التي تعمل بها.

هذه الأحرف جزء من Unicode قياسي.

Unicode هو معيار صناعي للحوسبة للترميز الثابت والتمثيل والتعامل مع النصوص المعبّر عنها في معظم أنظمة الكتابة في العالم. تم تطوير أحدث نسخة من Unicode ، بالتطابق مع معيار مجموعة الرموز المشفرة العالمي (UCS) ونشره باسم Unicode Standard ، ويحتوي على أكثر من 128000 حرفاً تغطي 135 مخطوطة حديثة وتاريخية ، بالإضافة إلى مجموعات رموز متعددة. -Wikipedia

وبالتالي ، بخلاف ASCII (الذي يحتوي على عدد قليل جدًا) ، يحتوي Unicode على عدة مجموعات الرموز. الآن بينما تم توحيدها على الكود الذي يجب أن يمثل الأبجدية أو الرمز ، لا يحدد Unicode كيف يجب أن يكون الرمز بالضبط. وبالتالي ، تحتوي جميع أنظمة التشغيل على مجموعات خاصة بها من رسومات الرموز لتبدو مختلفة. هذا قد يشمل بعض الملون والبعض الآخر مجرد الخطوط العريضة أو الأسود والأبيض.

أيضا ، من الممكن أيضا أن يكون للخطوط مجموعة فنية خاصة بها لهذه الرموز بحيث يمكن للشخصيات أن تسير مع الشعور بالتطبيق. حتى داخل التطبيق ، قد يكون لديك صفحات مختلفة باستخدام مجموعات مختلفة من الصور. وبالتالي ، يمكنك التفاعل مع الحرف كما لو كنت على خلاف ذلك ، ولكن سوف تبدو مختلفة.

يمكنك أن ترى كيف تبدو الرموز التعبيرية بالضبط (لـ ، انتقل إلى # 1483) على منصات مختلفة هنا.


25
2018-02-01 05:16



128000 هو قطعة أرض من الرموز للرسم. أنا لا ألوم الفنانين على الذهاب مع أيقونات سوداء وبيضاء بدلا من اللون الكامل. - Dan
@ دان ، 128000 هو عدد الأحرف ، وليس الرموز. وتشمل هذه الأحرف اللغة أيضا ، والتي هي ضخمة في عدد اللغات مثل اليابانية أو الافندي. - PulseJet
@ دان ، كنت أعني فقط أنه لا يوجد 128000 رمزًا يجب تلوينها. لا أقول أنه ليس هناك الكثير للتلوين ، ولكن هذا قريب من 128000. - PulseJet
آه ، لم أقصد ضمنا أنه يجب أن يكون كل لون ، مجرد أن رسم الكثير من اى شى يكفي لجعلني لا أريد تعقيد (أي لون) أي منها. هاها. - Dan
Dan لا أحد يستخلص الكثير من نقاط التعليمة البرمجية ، ولا تحتوي أي الخطوط على أحرف لجميع نقاط شفرة Unicode. العارض الخط سوف استبدل الحروف الرسومية من خط آخر عندما لا يحتوي الخط الحالي على هذه الحروف الرسومية. لماذا لا يوجد خط يحتوي على جميع رموز Unicode؟ - phuclv


هذه الأحرف "العمل" بنفس الطريقة مثل الأحرف الأخرى ، مثل a، ø، λ، ଶୁ،  و ، عمل. يتم تمثيل الحروف برقم مجرد ، والذي يستخدم لتحديد وفهرسة الخطوط المتاحة لعرض الحرف.

على النظام الخاص بك ، يبدو أن Firefox يقوم بعرضه الخاص ، ولديه إمكانية الوصول إلى الخطوط التي تحتوي على حروف رسومية لـ، ،  و . عادةً ما تستخدم التطبيقات الأخرى الخطوط التي يوفرها خادم X (أو ما يعادله) ، لذلك عليك أن تقتصر على الخطوط التي قمت بتثبيتها أو توجيه الخادم الخاص بك (على سبيل المثال ، xset +fp أو مشابه).

الخطوط متعددة الألوان هي تطوير تجريبي حديث ولا يزال إلى حد ما؛ تقليديًا ، تكون رموز الخطوط بلون واحد يمكن تأليفه في أي خلفية.


2
2018-02-06 09:57





الأمر مختلف في كل متصفح ، يمكنك إضافة خط معين إلى موقع الويب الخاص بك ، والذي يحمل في هذه الرموز التعبيرية. فمثلا:

هذا المنصب على تصميم الرسومات هل هناك أي خطوط مجانية تعبيري؟ قد تكون مثيرة للاهتمام أيضًا. بدون وجود خط رمز مخصص ، يجب أن تضع في اعتبارك أن موقعك على الويب سيبدو مختلفًا في كل متصفح.


هذا هو مجرد قائمة تهدف إلى توجيه الناس إلى الرموز التعبيرية والوجوه الضاحكة unicode أسرع.


1
2018-02-07 12:42





هذه عبارة عن أحرف Unicode بحيث يمكن لأي مربعات نصية تدعم Unicode عرضها بدون مشكلة ، بشرط أن يتوفر الخط والحروف الرسومية على النظام. ومع ذلك ، يعتمد الشكل والمظهر لكل حرف Unicode على العارض والخط المستخدم بهما.

يتم تعبئة الأحرف تقليديا فقط مع لون واحد. الرموز التعبيرية الملونة هي شيء جديد تماما ، وبالتالي دعمهم يختلف من منصة إلى أخرى. تم اختراع تقنيات مختلفة للتلوين مثل أو PNGs المدمجة أو SVGs أو الأقنعة ذات الطبقات. لكن كلهم ​​يحتاجون إلى عارض جديد لم يكن متوفرًا في أنظمة تشغيل أقدم.

ونتيجة لذلك ، فإن الإصدار 50.0 من Firefox قد ضمّن جهاز عرض وخطًا لدعم الرموز التعبيرية الملونة. يمكنك العثور عليها في ملاحظات الإصدار

تغير

تمت إضافة مجموعة رموز تعبيرية مدمجة لأنظمة التشغيل بدون خطوط رموز تعبيرية أصلية (Windows 8.0 و Lower و Linux)

يمكن العثور على ملف الخط في %FirefoxInstallDir%\fonts\EmojiOneMozilla.ttf


0
2018-05-22 13:47