Vier benutzerdefinierte Symbol-Schriftgeneratoren im Vergleich
Icon-Schriftarten liegen derzeit voll im Trend. Sie machen es so einfach, Vektorgrafiken in eine Seite einzubetten, dass Designer sie überall als Hauptmethode für den Umgang mit Symbolen verwenden.
Das Problem ist natürlich, dass wir mehr Kontrolle darüber benötigen, welche Symbole wir einbetten. Manchmal greifen wir auf eine Vielzahl von Quellen zurück, einschließlich unserer eigenen Arbeit, und wir brauchen einen guten Weg, um alles zusammenzufügen. Geben Sie Symbolschriftgeneratoren ein. Folgen Sie uns, während wir einige unserer Favoriten vergleichen.
Warum ein Generator?
Der Nachteil der Verwendung einer Symbolschriftart besteht darin, dass Sie durch die Symbole in dem von Ihnen heruntergeladenen Satz eingeschränkt sind. Wenn Sie drei verschiedene Symbole aus drei verschiedenen Sätzen einfügen möchten, müssen Sie drei verschiedene Schriftarten laden. Dies kann bedeuten, dass Hunderte von Symbolen geladen werden, die Sie einfach nicht benötigen.
Wenn Sie sich für eine schlanke, gemeine Site ohne überflüssige Ressourcen und unnötige Ladeverzögerungen entscheiden, ist dies natürlich nicht der beste Weg, um Symbole einzubetten. Hier kommen benutzerdefinierte Symbolschriftarten ins Spiel. In diesem Szenario nehmen Sie Ihre drei Symbole, werfen sie in eine einzelne winzige benutzerdefinierte Schriftart und binden diese in Ihre Seite ein.
Leider verfügen nicht alle von uns über das Wissen oder die Ressourcen, um eigene Schriftarten zu erstellen. Machen Sie sich keine Sorgen, diese benutzerdefinierten Symbolschriftgeneratoren haben Sie abgedeckt. Unabhängig davon, ob Sie Ihre eigenen Symbole verwenden oder vorhandene Symbolsätze nutzen möchten, finden Sie unten ein Tool, mit dem Sie Ihre Arbeit erledigen können.
Fontello
Der erste Generator, den wir auschecken werden, ist Fontello. Diese App ist super schick, sehr einfach zu bedienen und verfügt über elf völlig kostenlose Icon-Sets, darunter Font Awesome und Iconic. Es stehen nicht Tausende von Symbolen zur Auswahl, aber es gibt definitiv genug, damit Sie finden können, wonach Sie suchen.
Wenn Sie davon sprechen, das zu finden, wonach Sie suchen, wird diese Aufgabe durch die sofort aktualisierte Suchfunktion oben auf der Seite vereinfacht. Ich mag die Live-Filterung hier, die viel besser ist, als darauf zu warten, dass eine neue Seite mit Ihren Suchergebnissen geladen wird.
Das Auswählen von Symbolen für Ihre benutzerdefinierte Schriftart ist so einfach wie das Klicken darauf. Nachdem Sie die Symbole gefunden und ausgewählt haben, die Sie einschließen möchten, wechseln Sie zur zweiten Registerkarte, auf der Sie die Namen der einzelnen Symbole ändern können. Es sind kleine Anpassungsoptionen wie diese, die Fontello so großartig machen.
Der nächste Schritt besteht darin, die Registerkarte "Codes bearbeiten" zu überprüfen, damit Sie die Zeichen anpassen können, die jedem Symbol zugeordnet sind. Dies ist einfach genug, verwenden Sie einfach die bereitgestellten Felder.
Nachdem Sie die obigen Schritte ausgeführt haben, können Sie loslegen. Geben Sie einfach einen Dateinamen ein und klicken Sie auf den Download-Link, um Ihre benutzerdefinierte Schriftart zu erhalten.
Herunterladen
Der Fontello-Download enthält sage und schreibe vierzehn Dateien, die auf mehrere Ordner verteilt sind. Der Platzbedarf jeder Datei ist winzig, aber die schiere Anzahl der Elemente, die Sie erhalten, kann für jemanden, der nach einer einfachen Lösung suchte, überwältigend erscheinen. Trotzdem ist es wirklich schön, ein voll funktionsfähiges Beispiel zu haben, an dem man arbeiten kann, und sie haben sich viel Mühe gegeben, um sicherzustellen, dass alles so browserkompatibel wie möglich ist.
IcoMoon
Die nächste App, die wir uns ansehen werden, ist IcoMoon. Ehrlich gesagt ist es Fontello sehr ähnlich, aber es gibt einige wichtige Unterschiede, die es wert sind, untersucht zu werden.
Genau wie bei Fontello können Sie entweder durch Scrollen durch die Symbole navigieren oder die integrierte Suchfunktion verwenden, um etwas Bestimmtes zu finden.
Es sind viel mehr Symbole verfügbar, als Sie standardmäßig sehen. Um den Rest zu überprüfen, klicken Sie oben auf dem Bildschirm auf die Schaltfläche „Bibliothek“.
Hiermit gelangen Sie zu einer Seite, auf der derzeit 16 verschiedene Sammlungen zur Auswahl stehen, von denen viele kostenlos sind, während andere gekauft werden müssen.
Andere Ressourcen importieren
Eine der besten Funktionen von IcoMoon ist die Möglichkeit, andere Ressourcen zu importieren, um sie in Ihren benutzerdefinierten Build aufzunehmen. Sie können andere Symbolschriftarten oder sogar Ihre eigenen benutzerdefinierten SVG-Grafiken hochladen. Dies macht IcoMoon zu einer großartigen Ressource für alle, die ihre eigene Symbolschrift von Grund auf neu erstellen möchten.
Schriftart generieren
Sobald Sie Ihre Symbole ausgewählt haben, können Sie über die Schaltfläche unten auf der Seite mit dem Herunterladen Ihrer Schriftarten fortfahren. Beachten Sie auch, dass Sie die Option haben, die Symbole als Bild herunterzuladen (es wird eine Sprite-Seite generiert).
Genau wie bei Fontello haben Sie vor dem Download einige Optionen zum Ändern der Einstellungen und der Codierung für Ihre Schriftart.
Herunterladen
Der Download hier ist erheblich kleiner als bei Fontello. Es gibt nur neun Dateien, von denen fünf die eigentliche Schriftart sind. Grundsätzlich bietet Fontello eine Reihe von CSS-Dateien, während IcoMoon diese zu einer komprimiert. Dies erleichtert das Durchsuchen erheblich und die Demoseite ist auch etwas schöner.
Pictonic
Als nächstes steht Pictonic auf unserer Liste. Um diese Site nutzen zu können, müssen Sie sich für ein Konto anmelden. Von dort erhalten Sie drei Möglichkeiten. Sie können die kostenlosen Symbole verwenden, kostenpflichtige Symbole zu einem Preis von 0, 59 USD pro Symbol verwenden oder für 199 USD uneingeschränkten Zugriff erhalten.
Hier sehen wir den gleichen Drill wie zuvor. Verwenden Sie die Live-Suchfunktion oder durchsuchen Sie die verfügbaren Symbole, indem Sie scrollen und auf die gewünschten klicken.
Es gibt auch ein Dropdown-Menü, mit dem Sie die Ergebnisse einfach nach Kategorien filtern können. Dies ist auch ein guter Weg, um einen Blick auf die 320 kostenlosen Symbole zu werfen (meistens soziale und Software-Logos).
Herunterladen
Dieses Mal sehe ich keine Optionen zum Anpassen Ihres Downloads. Klicken Sie einfach auf "Weiter" und dann auf "Download" und Sie erhalten den bislang größten Download.
Mit Pictonic erhalten Sie die Dateien automatisch auf nahezu jede gewünschte Weise: Schriftdateien, PNGs und SVGs. Die Anzahl der Dateien, die Sie erhalten, hängt von der Anzahl der von Ihnen ausgewählten Symbole ab. Ich finde es toll, dass ich all diese Optionen habe, aber ich möchte vor dem Download auswählen, was ich mache und was nicht.
Pictos Server
Ich habe den Ausreißer zum letzten Mal gespeichert. Pictos Server geht die Dinge ganz anders an als die anderen Websites. Anstatt eine benutzerdefinierte Schriftart zu erstellen, die Sie herunterladen und auf Ihrem eigenen Server einbetten, hostet Pictos die Symbole für Sie. Es ist allgemein als "Typekit der Symbole" bekannt. Dies ist eine anständige Beschreibung dessen, was Sie von dem Dienst erwarten können.
Nach meiner Zählung stehen derzeit rund 338 Symbole zur Auswahl. Sie können das Angebot verkleinern, indem Sie aus einem der Pictos-Sets auswählen oder nach etwas Bestimmtem suchen.
Sobald Sie die Symbole ausgewählt haben, können Sie die Zeichen eingeben, die Sie für jedes Symbol darstellen möchten. Von hier aus klicken Sie einfach auf die Schaltfläche "Code generieren", um einen CSS-Einbettungslink zu erhalten, den Sie einfach in Ihre Datei werfen.
Preisgestaltung
Da Pictos ein Hosting-Service ist, fällt offensichtlich eine monatliche Gebühr an. Die Preise für die Pläne richten sich nach den Seitenaufrufen, beginnend mit 0 USD für bis zu 25.000 monatliche Aufrufe bis zu 50 USD für bis zu 4.000.000 monatliche Aufrufe.
Es ist auch wichtig zu beachten, dass der kostenlose Plan auf zwölf Symbole pro Schriftart beschränkt zu sein scheint.
Wie vergleichen sie?
Die Antwort auf die Frage, welche Website die beste ist, hängt natürlich von Ihren spezifischen Anforderungen ab. Jeder Standort scheint auf seine Weise herausragend zu sein. Wenn Sie nach der einfachsten Lösung suchen, können Sie Pictos Server nicht schlagen. Es ist wirklich sehr wenig Arbeit erforderlich und das Einbetten der Symbolschrift ist ein Kinderspiel.
Wenn Sie nach einer Menge kostenloser Schriftarten suchen, ohne sich um ein Konto anmelden zu müssen, schauen Sie sich Fontello an. Es ist ein großartiger Service mit vielen Optionen und wahrscheinlich alles, was Sie brauchen.
In Bezug auf Funktionen und Optionen ist IcoMoon kaum zu übertreffen. Ich finde es toll, dass Sie damit Ihre eigene Arbeit oder sogar andere Symbolschriftarten, die Sie gefunden haben, hochladen und integrieren können. Es gibt hier auch eine Menge kostenloser Symbole und sogar einige Premium-Pakete, wenn Sie wirklich alles geben wollen.
Insgesamt war Pictonic wahrscheinlich mein am wenigsten Favorit. Die kostenlose Symbolauswahl war nicht besonders gut und Sie haben nicht die Anpassungsoptionen, die die anderen Dienste bieten. Eine Sache, die ich an Pictonic mag, ist das einfache Preismodell für Premium-Symbole: 0, 59 USD pro Symbol oder 199 USD für unbegrenzten Zugriff. Schön und einfach!
Welcher Icon Font Generator ist Ihr Favorit?
Insgesamt sind alle vier Dienste einen Besuch wert. Sie sind alle sehr einfach zu bedienen und voller Wert.
Nachdem Sie meine Gedanken zu diesen vier Schriftgeneratoren gesehen haben, hinterlassen Sie unten einen Kommentar und teilen Sie mir Ihre Gedanken mit. Haben Sie einen dieser Dienste in früheren Projekten genutzt? Welches empfehlen Sie? Welche anderen Optionen habe ich verpasst?
