Ich möchte eine Symbolschrift für die Verwendung in einer Webanwendung erstellen. fontAwesome, Iconic, fontomas sind Beispiele für das, was ich gerne tun würde, aber ich muss benutzerdefinierte Symbole verwenden. Ich bin mir nicht sicher, wo ich anfangen soll. Jede Hilfe wird geschätzt.Werkzeuge zum Erstellen einer Symbolschrift
Antwort
Rob, können Sie start here.
Es ist nicht das beste Beispiel und die Vorlage, von der es spricht, ist ein wenig veraltet. Sie müssen experimentieren, indem Sie Ihre Symbole abhängig von Ihren Schriftart-Baselines durch die Zeichenfläche bewegen.
Es gibt auch diese long post wo er seine Vektoren in FontLab importiert. Nachteile von FontLab sind $ 649 und die Lernkurve ist steiler als Inkscape. Ich habe auch festgestellt, dass FontLab auf meiner OS X-Installation fehlerhaft ist.
Auf einer seitlichen Anmerkung:
Jemand muss Software für diese Aufgabe machen ...
Trotz allem, was narkeeso sagte, eine Schrift hat nur eine Basislinie. Alle Ihre Symbole sollten in dieser Zeile stehen, um konsistent zu sein. Einige Symbolschriftarten versuchen, die Symbole vertikal zu zentrieren, dies verursacht jedoch mehr Probleme als gelöst und Sie können die vertikale Position des Symbols relativ zu den umgebenden Zeichen mithilfe der Eigenschaft vertical-align
anpassen.
Ich habe die Baseline in der Vorlage für diesen Artikel schwer getestet und es ist sehr erfolgreich in Browsern. Vielleicht möchten Sie die X-Höhe jedoch an eine gewöhnliche Schriftart wie Arial anpassen. Dies kann im Font Squirrel Converter erfolgen.
Wenn Sie es nicht schon gesehen haben, könnte meine Web-App hilft Ihnen Symbol Fonts erzeugen: http://icomoon.io/app
Sie Ihre eigene SVGs importieren können, oder das Symbol Schriftbibliothek durchsuchen: http://icomoon.io/app/#library
ive mit eine App namens glyphs (http://www.glyphsapp.com/), um Schriften zu erstellen, und kürzlich eine Icon-Schriftart für die Verwendung im Internet verwendet wurde. Ich importierte Glyphicons, wie sie mit Bootstrap kommen, um zu sehen, welche Metriken sie verwendet haben. also bei 20px Schriftgröße passen sie am besten zum Raster. usw.
Ich habe ein benutzerdefiniertes Skript, um eine CSS-Datei zu exportieren, die alle Klassen mit den angehängten Unicodes erstellt. und ein anderes Python-Skript, das Unicode-Werte in benutzerdefinierte Glyphen umwandelt (einige Icons sind tatsächlich Teil von Unicode, wie Kamera, Glocke und solche Dinge)
danach muss ich font squirrel für Web-Font-Konvertierung verwenden tho, i Ich habe mich mit dem Entwickler in Verbindung gesetzt, der gesagt hat, dass er den Webfont-Export implementiert hat. Updates sind kostenlos, aber er hat den direkten Webfont-Export noch nicht eingeschlossen. so ist es immer ein bisschen mühsam, die Schriftart aus der App in den Browser zu bekommen.
aber ich habe sicherlich ein paar Faktoren gestrafft.
fontlab ist nicht so benutzerfreundlich und ich kann es vor allem aus diesem Grund, aber auch Preis empfehlen.Glyphs bietet eine Mini-Version für 40 €, die die Funktionalität für die Icon-Generierung abdecken soll.
Wenn Sie Schriftart-Symbole benötigen, ist diese App sehr gut: http://fontastic.me/
- 1. Irgendwelche guten Werkzeuge zum Erstellen von Zeitleisten?
- 2. Fehler: Konnte Werkzeuge zum Erstellen von dplyr nicht finden
- 3. Werkzeuge zum Debuggen von Xslt
- 4. Werkzeuge zum Miniaturisieren mehrerer Erweiterungstypen
- 5. Werkzeuge zum Analysieren der C++ - Codebasis
- 6. Beste Werkzeuge zum Dekompilieren von Lua Bytecode?
- 7. Werkzeuge und Techniken zum Refactoring CSS
- 8. Tools zum Erstellen von AnimatedVectorDrawable
- 9. Gibt es irgendwelche guten Werkzeuge zum Untersuchen von Makefiles?
- 10. Datenbank zum Erstellen einer Datenbank
- 11. Rekursion zum Erstellen einer Summenmethode
- 12. Welche "Werkzeuge" werden benötigt, um ein soziales Browserspiel zu erstellen?
- 13. Interaktive Architektur-Diagramm-Werkzeuge
- 14. Verwenden einer Zeichnungsbibliothek zum Erstellen einer GUI
- 15. zum Erstellen einer Bat-Datei zum Ausführen einer Abfrage
- 16. Welche Python-Tools zum Erstellen einer datenbankgestützten Webanwendung
- 17. Welche Werkzeuge gibt es zum Debuggen/Durchlaufen eines regulären Ausdrucks?
- 18. Gibt es Werkzeuge oder Projekte zum Generieren von AZW-Dateien?
- 19. Was sind die idealen Werkzeuge zum Analysieren von SQL-Skripten?
- 20. Gibt es Werkzeuge zum Generieren von Klassendiagrammen für Python-Quellcode?
- 21. Werkzeuge zum Messen der empirischen Rechenkomplexität von Java-Codes?
- 22. Wie erkenne ich, ob eine Schriftart eine Symbolschrift ist?
- 23. Build-Fehler: Jack erfordert Werkzeuge 24.0.0 Erstellen oder später
- 24. Die Verwendung einer Symbolschrift (Font Awesome) sieht ein wenig verschwommen und zu fett aus
- 25. dTrace Skripte und Werkzeuge
- 26. Google Chrom entwickeln Werkzeuge
- 27. jquery Werkzeuge - Overlay Positionierungsproblem
- 28. Software Profilieren Werkzeuge
- 29. Nase Werkzeuge und pylint
- 30. Werkzeuge zur Überprüfung Speicherfragmentierung
Fontforge sehr gut funktioniert. Es war in der Lage, es ziemlich einfach zu installieren, indem man brüht. Vielen Dank. – Rob
Homebrew betrügt, dies wird auf Ihrer dauerhaften Aufzeichnung gehen! : p – reisio