Font Awesome テキスト内

[Canapin (Coin-coin le Canapin)]

@Eduardo_Braga

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

アイコンはそのようには追加できません。

アイコンを追加したい場合：

デフォルトではCSSのみではできないと思いますが、この非公式ヘルパーを使用できます：

Discourse Easy 'SVG Icon' and 'Emoji' in CSS

Hello This topic contain two theme component. Discourse Easy SVG Icon CSS This theme component is functional as a template, please fork it on Github or use the code to your project. You can remove the icons svg codes from the SCSS and only keep those what you really actually use… I have imported the mixin file to the common.scss file so you can add your code below that line or separately to the desktop or mobile section. The theme component add the ability to keep the SVG…

アイコンを置き換えたい場合：

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> …