Font Awesome 5 星圖示的Unicode：使用「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;
}

此程式碼可確保星形圖示在未選取時是規則的，在選取時是固定的，可讓您輕鬆建立動態的互動式評級系統。