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