إدراج الخط يدويًا باستخدام HTML

مرحبًا :slight_smile:
أحاول إضافة الرمزَين التاليَين: :heart: و :white_check_mark: باستخدام HTML.
كما أفهم، فهي خطوط من Font Awesome، لذا حاولت إدراج:

<i class="fa fa-heart-o"></i>

لكنها لا تظهر الخط:

image

يُضاف شيء بحجم 0x0. ما هي الطريقة الصحيحة لإضافة الخط؟

هل جربت إضافة بعض CSS مخصص لفرض حجم معين؟

لماذا لا نستخدم رمز تعبيري (إيموجي) يونيكود بدلاً من ذلك؟

هذا هو التنسيق القديم. لقد انتقلنا إلى أيقونات SVG لـ FontAwesome (منذ نوفمبر 2018)، ونستخدم الآن بناءً SVG بدلاً من عناصر i الخاصة بأيقونات الخطوط.

تمكّنت من جعلها تعمل مع رموز يونيكود التعبيرية، لكنني أظن أن هذا ليس الحل للأسباب التالية:

  1. الاتساق مع الرموز التعبيرية الأخرى. على سبيل المثال، إذا قررت تغيير نوع الرمز التعبيري من Windows 10 إلى Apple، فسيكون عليّ إجراء التغيير أيضًا في الإضافة.
  2. غير متأكد مما إذا كانت المتصفحات القديمة تدعم هذه الأنواع من الخطوط/يونيكود.

لكنني أعتقد أن هذا أفضل من استخدام SVG من حيث الكفاءة.

هل تمانع في إظهار مثال صغير لكيفية استخدام أحدها؟

إذا كنت تضيف هذه الأيقونات إلى إضافة، فهناك أدوات في النواة لاستخدامها في كل من Ruby و Ember. راجع Introducing Font Awesome 5 and SVG icons للبدء.