Ändern von Symbolen auf Font Awesome Pro Version

Gibt es ein Tutorial, wie ich meine Discourse-Icons von Font Awesome auf die Pro-Version umstelle?

7 „Gefällt mir“

Good idea, we should at least mention this somewhere @pmusaraj. Probably simple? I guess here in this topic is good!

7 „Gefällt mir“

If the Pro package includes one SVG sprite file, you can add that file in a theme or a theme component, and reference it as an asset with the variable icons-sprite:

"assets": {
   "icons-sprite": "/assets/my-icons.svg"
}

If there are multiple sprite files in Pro, you might want to add them to a plugin.

Add each SVG sprite file in the plugins/your-plugin-name/svg-icons folder and then restart your server (if in dev) or rebuild the site.

4 „Gefällt mir“

Access to the Pro packages, which contain more icons and styles, require you to configure the @fortawesome scope to use our Pro NPM registry. (Font Awesome)

I’m trying to install the pro version but I’m having no sucess at this. Do you have any tip?

59873340_2274600549301497_2045154540344311808_n

You should do these npm steps somewhere else, at /var/discourse is not a good place for them. Also, I’m not sure how the Pro package is shipped, but you only need the svg sprites in Discourse. The free ones are here: https://github.com/FortAwesome/Font-Awesome/tree/master/sprites

2 „Gefällt mir“

You’ll probably need to do that inside the container. You’d first do it with

./launcher enter app

and muck with it there, and then you’d edit app.yml to have it do that stuff when it built the container.

Or, you’d do that stuff elsewhere and get the svg file that you need and put it . . . somewhere.

And you probably don’t want to download all zillion of the things anyway.

1 „Gefällt mir“

Very much this, the move to FontAwesome 5 coincided with a change to selectively load what was needed and reduced the amount of data sent to the browser by 63%. Blindly loading everything in FA5 Pro would push the needle well in the opposite direction.

5 „Gefällt mir“

Actually I’m trying to change my icons to a more light style, not regular or solid. To use this style I need to be PRO on FontAwesome.

Example from a Discourse forum:

Or maybe those are custom icons.

I think it will be more cost-effective to use custom icons - there are loads of quality icon sites (or even sets) that don’t cost as much as FA pro.

4 „Gefällt mir“

Hey @Merlls_Rizzini – falls du noch auf der Suche danach bist: Ich habe gerade ein Plugin veröffentlicht, das es einer Seite ermöglicht, alle Pro-Icons zu installieren. Das sollte diesen Prozess etwas erleichtern.

Es ist noch etwas Arbeit nötig, da du weiterhin herausfinden musst, welche Icons du austauschen möchtest, und eine Theme-Komponente schreiben musst, um die neuen Icons zu verwenden (siehe den Abschnitt über das Ersetzen der Standard-Icons in dieser Anleitung für Details. Derzeit gibt es noch keine Möglichkeit, alle Icons durch einen anderen Stil zu ersetzen (z. B. Solid durch Light), aber es sollte Customizations wie diese hoffentlich einfacher machen.

10 „Gefällt mir“