Introducing Font Awesome 5 and SVG icons

11 Beiträge wurden in ein neues Thema aufgeteilt: So ersetzen Sie ein vorhandenes SVG-Symbol durch ein benutzerdefiniertes?

5 Beiträge wurden in ein neues Thema aufgeteilt: Wie verwende ich das RSS-Symbol von Font Awesome?

2 Beiträge wurden in ein neues Thema aufgeteilt: Wie kann man Font Awesome Pulse als Ladeikone verwenden?

Gibt es Pläne, Font Awesome auf Version 6 zu aktualisieren?

7 „Gefällt mir“

Gute Frage, wir haben derzeit keinen Plan, auf Font Awesome 6 zu aktualisieren, aber wir werden uns das bald ansehen.

10 „Gefällt mir“

Ich habe einige Orte gesehen, die bei Font-Awesome 5 geblieben sind, da im Set 6 einige Dinge fehlten (die jetzt in kostenpflichtigen Stufen enthalten sind).

Ich bin aber nicht gegen ein Upgrade, nur etwas, das man beachten sollte.

10 „Gefällt mir“

Hm. Sie machen eine ziemliche Sache aus der Abwärtskompatibilität, das erscheint überraschend. Haben Sie einen Link zu etwas, das auflistet, was fehlt?

2 „Gefällt mir“

Kein Link, tut mir leid, vorerst nur eine Anekdote. Ich erinnere mich, dass @pmusaraj damit ein wenig zu kämpfen hatte.

5 „Gefällt mir“

Haben Sie Fork Awesome, a fork of the iconic font and CSS toolkit in Betracht gezogen?

3 „Gefällt mir“

Noch nicht, aber es sieht auf jeden Fall ziemlich cool aus. Ich habe das Gefühl, dass es eine riesige Qual wäre, zurückzugehen und Discourse so zu portieren, dass es seine Muster verwendet.

2 „Gefällt mir“

Vielleicht haben andere hier Erfahrung mit dem Wechsel von FontAwesome zu ForkAwesome?

Von ihrer Neuigkeiten-Seite:

Wir haben besondere Aufmerksamkeit darauf gelegt, die Unicode-Codepunkte für die vorhandenen Icons nicht zu ändern, noch die CSS-Klassennamen oder Icon-Namen von Font Awesome 4.7 zu ändern. Wir haben jedoch ein paar weitere Icons hinzugefügt und den Prozess der Beitragsleistung zu diesem Projekt viel einfacher gemacht. Wenn Sie jedoch einen Fehler sehen, zögern Sie bitte nicht, einen Fehler zu melden.

Die Beispielseite sieht FontAwesome ähnlich.

Meh, dieser Beitrag des (Nicht-)Maintainers scheint zu sagen, dass es zu diesem Zeitpunkt eine schlechte Idee ist, dies zu verwenden. Schade.

2 „Gefällt mir“

FontAwesome hat den gesamten „Regular“-Icon-Satz in Version 6 in einen kostenpflichtigen Plan verschoben. Es sieht jedoch so aus, als ob bestehende Icons aus dem Regular-Satz weiterhin kostenlos verfügbar sind, wenn man die SVG-Icons direkt verwendet (d. h. nicht als Web-Schriftart). Das sind gute Nachrichten für uns, da wir SVG-Sprites aus dem Fontawesome-Repository verwenden.

Die von ihnen hinzugefügte Abwärtskompatibilität gilt jedoch nicht ohne Weiteres für uns. Wir verwenden nicht das „SVG + JS Framework“ von FontAwesome und profitieren daher nicht vom automatischen Aliasing. Das ist wahrscheinlich derzeit das größte Hindernis für ein Upgrade von Version 5 auf 6 (obwohl es nicht so gravierend ist wie fehlende Icons).

10 „Gefällt mir“

Dieser Link funktioniert für mich nicht

1 „Gefällt mir“

Nachdem ich im letzten Jahr viele Usability-Tests eines Discourse-Forums durchgeführt habe, glaube ich, dass eines der besten Dinge, die Discourse für die Benutzerfreundlichkeit tun könnte, darin bestünde, in die Erstellung eines Icon-Sets zu investieren: getestet auf Klarheit, konsistenter gestaltet und hier und da mit etwas Stil versehen. Aber vielleicht ist dies nicht der richtige Ort, um darüber zu posten!

2 „Gefällt mir“

Könnte mir bitte jemand Ratschläge geben, wie ich Flaggen-Emojis als SVG-Icons zu meiner Tag-Icons-Theme-Komponente hinzufügen kann? Ich verstehe wohl nicht, was benötigt wird, seien es Änderungen an der Theme-Komponente oder die Erstellung eines dedizierten Plugins, um auf diese Emojis innerhalb der Theme-Komponente zuzugreifen.\n\nDanke!

1 „Gefällt mir“

hmm, sehe nichts

Wie mache ich das?

  • Erstellte eine benutzerdefinierte Theme-Komponente namens SVG_Assets
  • Lade benutzerdefinierte 1x1 SVG-Icons hoch.
  • Aktivierte SVG_Assets als Teil meines Themes.
  • Installierte die Tag-Icons-Theme-Komponente und fügte sie zu meinem Theme hinzu.

Ich sehe die URL für jedes SVG-Icon, das ich in SVG_Assets hochgeladen habe.

Hmm, okay. Können wir ein neues Beispiel dafür haben, wie die Einstellungen im Editor aussehen sollten.

Beispiel für das Hochladen von us.svg

Aktuell sehe ich

[
	{
		"setting": "tag_icon_list",
		"value": "tag1,question-circle,#CC0000|:de:,$de,https://domain/1X/604c368499a58499e21ab5337a325600cb35b421.svg"
	},
	{
		"setting": "svg_icons",
		"value": ""
	}
]
1 „Gefällt mir“