फॉन्ट विस्मयकारी 5 स्टार आइकन के लिए यूनिकोड: 'दूर' और 'फास' कक्षाओं का उपयोग करना

फ़ॉन्ट विस्मयकारी 5 नियमित और ठोस दोनों प्रदान करता है स्टार चिह्न, दोनों के लिए यूनिकोड मान '\f005' द्वारा दर्शाया गया है। अपने रेटिंग सिस्टम में इन विविधताओं का उपयोग करने के लिए, आप 'दूर' और 'फास' वर्गों के बीच टॉगल करने के लिए सीएसएस का लाभ उठा सकते हैं।

'फास' वर्ग ठोस तारे का प्रतिनिधित्व करता है, जबकि 'दूर' नियमित तारे का प्रतिनिधित्व करता है . उनके बीच स्विच करने की कुंजी फ़ॉन्ट वजन को समायोजित करने में निहित है। चेक किए गए स्टार के लिए फ़ॉन्ट वजन को 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;
}

यह कोड सुनिश्चित करता है कि स्टार आइकन अनियंत्रित होने पर नियमित और चेक किए जाने पर ठोस होता है, जिससे आप आसानी से एक गतिशील और इंटरैक्टिव रेटिंग सिस्टम बना सकते हैं।