몇 달 동안 Brand Header에 깨진 아이콘이 몇 개 있었습니다. 아마도 FA6 이름 변경 이후부터였던 것 같습니다. 마침 이제 수정하게 되어, 어떻게 이름을 처리해야 하는지 작동하는 방법을 다른 분들에게 알려드리고자 이렇게 댓글을 남깁니다.
소스 코드에서 매핑을 찾아보고, FA 웹사이트를 확인한 뒤, fa-, fas- 접두사(그리고 접두사 없는 경우)를 이리저리 바꿔가며 작동하는 방법을 찾아내야 하는 것이 다소 혼란스럽다고 생각합니다. 삼중으로 번거롭고, 아이콘을 찾지 못할 경우 콘솔에 오류 메시지가 표시되지 않아 완전히 눈감고 시험해 보는 것과 같습니다.
마침 작동하게 만들었고, 각 설정에 무엇이 들어가는지 설명하는 표를 아래에 올립니다:
컴포넌트의 Icons 객체 설정 |
컴포넌트의 custom font awesome icons 설정 |
svg icon subset 사이트 설정 |
|---|---|---|
user |
fa-user |
fa-user |
envelope |
fa-envelope |
fa-envelope |
calendar-days |
fa-calendar-days |
fa-calendar-days |
fab-facebook |
(필요 없음) | (필요 없음) |
Discourse 전체에서 FA 아이콘을 참조하는 방식이 하나여야 하고, 모든 것이 그 하나의 방식에 따라야 한다고 생각합니다.