Unicode لأيقونات Font Awesome 5 Star: استخدام الفئتين "far" و "fas"

يقدم Font Awesome 5 كلاً من العادي والصلب أيقونات النجمة، ممثلة بقيم Unicode '\f005' لكليهما. للاستفادة من هذه الاختلافات في نظام التصنيف الخاص بك، يمكنك الاستفادة من CSS للتبديل بين الفئتين "far" و"fas".

تمثل فئة "fas" النجم الصلب، بينما تمثل "far" النجم العادي . يكمن مفتاح التبديل بينهما في ضبط وزن الخط. من خلال ضبط وزن الخط على 900 للنجمة المحددة و200 للنجمة غير المحددة، يمكنك التبديل بسهولة بين الإصدارين الصلب والعادي، على التوالي.

إليك مقتطف التعليمات البرمجية المحدث الذي يأخذ ذلك في الاعتبار:

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #e74c3c;
  transition: all .25s;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

label.star:before {
  content: '\f005';
  font-family: 'Font Awesome 5 Free';
  font-weight: 200;
}

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