테마 컴포넌트에 아이콘이 더 이상 표시되지 않습니다

제품 지원
1

안녕하세요.
제 테마 컴포넌트에 흰색 아이콘을 아래 HTML로 설정해 두었습니다:

<a class="header-social-link" title="La Commission Nationale Monocycle sur Facebook" href="https://www.facebook.com/CommissionNationaleMonocycle" target="_blank">
    <svg class="fa d-icon d-icon-fab-facebook-f svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-facebook-f"></use></svg>
</a>
<a class="header-social-link social-youtube" title="La Commission Nationale Monocycle sur Youtube" href="https://www.youtube.com/channel/UCajI37ddIczMkVS_H1HeyTQ" target="_blank">
    <svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-youtube"></use></svg>
</a>

최근에 이 아이콘들이 더 이상 표시되지 않는 것을 확인했습니다. 2.6.0beta1 버전으로 업데이트한 후부터 그런 것 같습니다.

image
image329×102 1.76 KB

image
image253×206 2.93 KB

2.6.0beta2 버전으로 업그레이드해 보았지만 상황이 바뀌지 않았습니다.
제 아이콘 서브셋은 다음과 같습니다:
image

더 이상 표시되지 않는 이유가 무엇일까요? 혹시 아시는 분 계신가요?

2

스크린샷에서 a.header-social-link에 설정된 색상을 확인했습니다. 링크 내부의 SVG 요소를 검사해 보면… 거기에 색상이 설정되어 있나요?

3

아니요, 이것만 (기본적인 부분) 있습니다:

.svg-icon, .svg-icon-title {
    height: 1em;
    width: 1em;
    line-height: 1;
    display: inline-flex;
    position: relative;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
    overflow: visible;
}

색상 속성을 추가해도 아무 변화가 없습니다. 사실 아이콘이 표시되지 않는 것 같습니다. 아마도 아이콘 세트에서 아이콘을 찾지 못해서 그런 것일까요?

실제 페이지를 확인하고 싶으시다면:

아이콘이 어디에 위치해 있는지 (실제로는 두 개의 아이콘이 있습니다)

image
image2498×1440 435 KB

4

이 설정에서 facebook-f와 youtube 앞에 fab-를 시도해 보셨나요? 저는 fa-를 포함한 모든 아이콘에 접두사를 사용하고 있습니다.

5

네, 이제 작동합니다.

며칠/몇 주 전까지는 잘 작동했는데, 새로운 Discourse 버전에서 이 문제와 관련해서 무엇이 변경되었나요? :thinking:

이 접두사(prefix) 관련 내용이 좀 혼란스럽네요.

@Steven 님 감사합니다 :sports_medal:

6

오, 잘 지적해 주셨네요 @Steven. 최근 이전 버전의 Font Awesome에서 아이콘 이름에 대한 지원을 제거했습니다.