Font Viewer für Windows (eine Alternative zur Zeichentabelle) mit CSS

Ich brauche dringend ein Windows-Dienstprogramm wie die Zeichentabelle mit einer Funktion zum Anzeigen von CSS-Klassennamen für die Zeichen.

Das liegt daran, dass ich Icon-Bibliotheken wie zB Ionicons oder Font Awesome in meinen Designs verwende und für jedes einzelne Icon, das ich verwendet habe, nach der CSS-Klasse suchen muss, wenn ich Spezifikationen an den Entwickler übertrage. Es ist nicht praktisch, jedes Mal im Browser danach zu suchen, also denke ich, dass es ein dediziertes Dienstprogramm sein sollte, mit dem ich nicht vertraut bin. Wenn jemand vorschlagen könnte, welches Dienstprogramm zu verwenden ist, wäre es äußerst hilfreich!

Hier ist ein Screenshot, wenn ich nicht klar genug warGeben Sie hier die Bildbeschreibung ein

Die CSS-Klassen haben nichts mit den Schriftarten selbst zu tun (sie sind nur das, was das CSS dieses spezifischen Symbolsystems verwendet; Sie oder jeder andere könnten in Wirklichkeit beliebige Klassen verwenden), daher glaube ich nicht, dass das, was Sie wollen, existiert.
Sowohl Font Awesome als auch Ionicons haben Cheatsheets mit den Namen der Klassen; Ich glaube nicht, dass es ein dediziertes Dienstprogramm gibt (wie CAI sagte, Klassen können alles sein, was Sie entscheiden)
Sie können Webseiten in Adobe Creative Cloud-Software als Panels einbetten, wenn Sie möchten, dann können Sie diese in Ihrer Anwendung haben. Sie können den Fontawesome auch als Symbolbibliothek haben ( siehe hier ) und die Klasse in den Namen des Symbols einfügen. Es sollte also mit minimalem Aufwand machbar sein.
Ich habe dieses Dienstprogramm erstellt: photopea.github.io/Typr.js (ziehen Sie einfach eine TTF / OTF-Datei hinein und legen Sie sie dort ab). Wenn Sie erklären, was genau Sie brauchen, kann ich weitere Funktionen hinzufügen :)

Antworten (2)

Anstatt eine Software von Drittanbietern zu verwenden, die zwangsläufig die gleichen Probleme wie Ihr Browser hat, versuchen Sie, die Elemente als etwas intelligentere Einheiten in Ihre Software zu integrieren. Sie erwähnen nicht, welche Software Sie verwenden, aber Sie können die Symbole / Formen / Bibliothekselemente problemlos in jede Adobe Suite-Anwendung einfügen.

Geben Sie hier die Bildbeschreibung ein

Bild 1 : Font genial als Symbole mit Klassennamen in Illustrator

Jetzt können Sie noch weiter gehen und auf einfache Weise automatische Anmerkungen für diese Elemente skripten ... Denken Sie also nicht, dass eine externe App Ihre App erweitert.

Vielen Dank für Ihr Skript und Ihre Ratschläge! Ich verwende hauptsächlich Illustrator. Ist es möglich, das von ionics im Paket bereitgestellte CSS-Stylesheet in die Illustrator-Symbolbibliothek mit Symbolen zu konvertieren, die bereits als Klassennamen im ionicons-Cheatsheet benannt sind? Vielen Dank im Voraus. @joojaa

Lösung. Ich denke, das Cheatsheet für die Symbolbibliothek ist eine Entscheidung. Es erlaubt, ein Zeichen von der Cheatsheet-Webseite in das Textfeld in Illustrator zu kopieren und dann seinen Klassennamen in den Namen eines Objekts zu kopieren. So werde ich den Klassennamen meines Icons natürlich nicht vermissen, wenn ich nicht vergesse, ihn bereits nach dem Einfügen in Illustrator zu benennen.

Es hilft, aber meiner Meinung nach erfordert das in meiner Frage definierte Problem noch eine Lösung.

Wie Sie in einem Screenshot sehen, hat die Zeichentabelle ein Feld, in dem die eindeutige Unicode-Nummer für jedes einzelne Zeichen zu finden ist. Ich wünschte, ich könnte den CSS-Klassennamen für jedes Zeichen so einfach finden und kopieren, wie ich es hier sehe. (Character Map erlaubt mir nicht einmal, die Unicode-Nummer zu kopieren, sehen Sie es sich einfach an.) Logischerweise sollte es eine Funktion zum Hochladen von CSS-Stylesheets geben, die eine Symbolbibliothek wie Ionicons in ihrem Paket enthält.

Da ich hauptsächlich Illustrator verwende, wäre es für mich am besten , Symbole nach ihren Klassennamen zu benennen, damit Sie eine Bibliothek haben und einfach mit Ihren Symbolen arbeiten, sie ändern, verschiedene ausprobieren und nie ihre Klassennamen verpassen würden. Geben Sie die Klassennamen daher jederzeit auf Anfrage an Ihren Entwickler weiter.

Ich werde ein in der ersten Antwort erwähntes Skript ausprobieren (vielen Dank an seinen Autor), ich bin darin nicht erfahren genug, also hoffe ich, dass ich es richtig mache und es funktioniert. Vielen Dank für eure Meinungen, Leute, ihr seid großartig, ich habe etwas Neues gelernt!

Font Viewer für Windows (eine Alternative zur Zeichentabelle) mit CSS
AntwortenHierDatenschutz-Bestimmungen1y, 0v