مرحباً! لقد لاحظت خطأً بسيطاً جداً، الرموز التعبيرية ضبابية لأنها تم تصغير حجمها. بحثت عن ذلك وقادني هذا إلى:\nEmoji modal's width incorrect on mobile يبدو أنه لم يتم حلها أبداً. لقد اتبعت المنشور واختبرت هذا في Chrome و Firefox، ولكن Chrome فقط لديه المشكلة\n\nللعلم، الإجابات المجمعة لمنشور SO المرتبط تحل المشكلة:\n\n-webkit-filter: blur(0px); \n-webkit-transform: translate3d(0, 0, 0);\n\n\n—\n# 
مثال على رمز تعبيري\n:melting_face: نص مثال
إعجاب واحد (1)
قد أكون مخطئًا، ولكن تبدو صور الملف الشخصي أيضًا منخفضة الدقة على كروم.
إعجاب واحد (1)
أعتقد أن هذا يتعلق بكيفية تصغير كروم للصور، على سبيل المثال، إذا فتحت مفتش المتصفح وضبطت رمزًا تعبيريًا بالأبعاد الأصلية (72 بكسل مربع في هذه الحالة)… تكون الصورة واضحة:
بعض الأمثلة الأخرى:
72 / 36 = 2 
رمز تعبيري واضح
72 / 37 = 1.945 
رمز تعبيري ضبابي
نقوم بعرض الرموز التعبيرية بدقة 20 بكسل، لذا:
72 / 20 = 3.6 رمز تعبيري ضبابي
نظريًا، سيختفي هذا إذا استخدمنا صورًا بحجم 60 بكسل للرموز التعبيرية بدلاً من 72 بكسل؟ على الرغم من أنني أتساءل عما إذا كان هذا يتعلق بكثافة البكسل / التحجيم… تستخدم بعض الأجهزة 2X، وبعضها يستخدم 3X 
3 إعجابات
أو يمكننا الانتظار حتى تتوفر الخطوط الملونة 
أتطلع لرؤية دعم واسع النطاق لأحد تنسيقات الخطوط الملونة. COLR/CPAL(v1) Font Formats | Can I use... Support tables for HTML5, CSS3, etc
4 إعجابات
ألم يكن هناك نقاش حول خطوط الألوان في هذا الموضوع؟
https://meta.discourse.org/t/are-discourse-emojis-svgs/217605
إعجابَين (2)
تعتبر ملفات SVG والخطوط الملونة طريقة أفضل لحلها، لكنني ما زلت أؤيد الحل الذي يعتمد على CSS فقط، وCSS ليس من اختصاصي ولكنه يبدو الحل الأقل ضررًا
إعجاب واحد (1)