텍스트의 Font Awesome

[Canapin (Coin-coin le Canapin)]

@Eduardo_Braga

.topic-list .num .badge-posts:before { font-family: FontAwesome; content: “\f075”; }

이런 방식으로 아이콘을 추가할 수 없습니다.

아이콘을 추가하려면:

기본적으로 CSS만으로 불가능하다고 생각하지만, 다음 비공식 헬퍼를 사용할 수 있습니다:

Discourse에서 CSS로 'SVG 아이콘'과 '이모지'를 쉽게 사용하기

안녕하세요 이 주제에는 두 가지 테마 구성 요소가 포함되어 있습니다. Discourse Easy SVG Icon CSS 이 테마 구성 요소는 템플릿으로 기능하므로, Github에서 포크하거나 코드를 프로젝트에 사용해 주세요. SCSS에서 사용하지 않는 아이콘 SVG 코드를 삭제하고 실제로 사용하는 것만 유지할 수 있습니다… mixin 파일을 common.scss 파일에 가져왔으므로, 해당 줄 아래에 코드를 추가하거나 데스크톱 또는 모바일 섹션에 별도로 추가할 수 있습니다. 이 테마 구성 요소는 CSS에서 SVG 아이콘을 유지보수하고 쉽게 편집할 수 있는 기능을 추가합니다. 이 구성 요소에는 다음에서 찾을 수 있는 모든 SVG 아이콘이 포함되어 있습니다: discourse/vendor/assets/svg-icons/fontawesome at main · discourse/discourse · GitHub 사용 방법 고정 매개변수: $…

아이콘을 교체하려면:

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …