네, 죄송합니다. 제 게시글을 업데이트해야 했는데 깜빡했네요. Font Awesome의 경우 Setup에 추가해야 한다는 걸 이제야 파악했습니다.
그리고 말씀하신 대로, svg 스프라이트 파일을 만들어서 icons-sprites에 업로드해야 한다는 것도 최근에 알게 되었습니다.
여전히 새로운 것들을 많이 배우고 있어요. 제 지식을 넓히는 데 도움을 주셔서 감사합니다. 감사합니다.
---
우리 사이트의 카테고리 아이콘은 지금까지 잘 보였는데, 오늘 로그인한 뒤부터 문제가 생겼습니다. 아이콘과 카테고리 제목 사이의 여백이 표시될 때 사라진 것 같습니다. 다른 분들도 같은 문제를 겪고 계신가요?
예를 들어…
> 
---
저도 같은 문제를 보고 있습니다. Penar가 수정할 거라고 확신하지만, 지금은 이 코드로 해결할 수 있습니다.
```plaintext
.select-kit .select-kit-header .selected-name .name .d-icon {
margin-right: .25em;
}
```
---
SVG로 변환하여 SVG 스프라이트를 통해 테마에 추가하면 사용자 정의 아이콘을 사용할 수 있습니다. 이 컴포넌트(그리고 Discourse 사이트 전체)에서 사용할 수 있도록 사이트에 사용자 정의 아이콘을 추가하는 방법은 [이 가이드](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736)의 “Create an SVG spritesheet” 섹션을 참고하세요.
---
완벽하게 작동합니다!
아이콘이 카테고리 제목 뒤에 표시되도록 수정할 수 있을까요?
보너스 질문: 툴팁/alt-text를 추가할 수 있을까요?
(배경: 자물쇠 아이콘을 숨기고, 이 컴포넌트를 사용해 공개된 몇몇 카테고리에 아이콘을 추가하고 있습니다. 사용자가 해당 심볼이 무엇을 의미하는지 알 수 있는 방법을 제공하고 싶습니다.)
---
커스텀 아이콘을 사용하는 데 문제가 있습니다. 접두사를 사용해야 하는지 아닌지에 대한 안내를 받을 수 없었습니다. 제가 진행 중인 작업은 다음과 같습니다.
   
사용 중인 SVG는 다음과 같습니다 - [https://andronixforumupload.ams3.digitaloceanspaces.com/original/1X/bdabc28a604dc98bb25ce8af2ef6f8dc7c9f2626.svg](https://andronixforumupload.ams3.digitaloceanspaces.com/original/1X/bdabc28a604dc98bb25ce8af2ef6f8dc7c9f2626.svg)
보시는 것처럼 아치 아이콘이 전혀 보이지 않습니다.
---
1. SVG 스프라이트시트를 생성하세요: [Replace Discourse's default SVG icons with custom icons in a theme](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736)
2. 테마 컴포넌트에서 스프라이트시트를 업로드하고 변수 이름을 `icons-sprite`로 설정하세요:
3. 컴포넌트 설정에서 스프레드시트의 원하는 아이콘 ID를 사용하세요. 예를 들어 스프레드시트에 `my-icon`이라는 ID의 아이콘이 있다면 이렇게 작성합니다:
결과:
---
@Canapin 그 방법은 작동하지 않습니다. 제 스프라이트 파일입니다 - [Sprite File](https://gist.github.com/imprakharshukla/9d5564fef7a756c163d0c4d4785b0b2d?short_path=a562e71)
제가 시도하고 있는 이미지 ID는 - [여기](https://gist.github.com/imprakharshukla/9d5564fef7a756c163d0c4d4785b0b2d?short_path=a562e71#file-sprite-svg-L57)
제가 하고 있는 작업은 다음과 같습니다 -
제가 무언가를 잘못하고 있는 건가요?
---