그렇지 않으면
![]()
이것은 official 테마 컴포넌트이므로 Discourse 팀에서 관리하고 있습니다(또한 꽤 인기가 많기도 하죠). 따라서 어떤 의미에서든 폐기된 상태가 아닙니다.
다만 다른 주제에서 이미 답변을 받으셨을 것 같습니다:
그렇지 않으면
![]()
이것은 official 테마 컴포넌트이므로 Discourse 팀에서 관리하고 있습니다(또한 꽤 인기가 많기도 하죠). 따라서 어떤 의미에서든 폐기된 상태가 아닙니다.
다만 다른 주제에서 이미 답변을 받으셨을 것 같습니다:
몇 달 동안 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 아이콘을 참조하는 방식이 하나여야 하고, 모든 것이 그 하나의 방식에 따라야 한다고 생각합니다.
이렇게 하면 원하는 결과의 일부는 얻을 수 있었지만, 여전히 두 개의 아이콘을 표시하는 데 어려움을 겪고 있습니다:
또한 fa-facebook, fa-instagram, fa-discord 아이콘도 표시되지 않고, fab-facebook과 같은 fab-* 계열만 표시됩니다.
어떤 팁이 있을까요?
전통적으로 fab를 접두사로 사용해야 한다고 생각합니다. 제가 아는 한, fab의 b는 "brand(브랜드)"를 의미합니다. 따라서 아이콘에는 브랜드용 fab, 솔리드용 fas, 또는 레귤러 버전용 fa 중 하나가 사용되어야 합니다.
따라서 fab-mastodon과 fab-bluesky가 맞을 것 같습니다. fa-facebook과 같은 버전은 존재하지 않습니다. 다른 Facebook 아이콘 중 하나를 선호하시나요?
또한, 아이콘 이름을 custom_font_awesome_icons 설정에 추가하는 것을 잊지 마세요.
네, fab-bluesky를 사용해서 작동하도록 만들었습니다.
감사합니다. 어떻게 놓쳤는지 모르겠지만, fab-bluesky와 fab-mastodon을 “Custom font awesome icons” 설정 목록에 추가하고 메뉴 항목도 함께 추가한 것이 마침내 문제를 해결해 주었습니다.
정말 감사합니다!