IcoFont gibt Ihnen 2100+ kostenlose Icons in einer einzigen Font-Datei

Mit dem Aufkommen von Web-Fonts und einbettbaren CSS-Fonts ist es heute viel einfacher, wirklich einzigartige Websites von Grund auf zu erstellen.

Der neueste Trend sind Icon-Fonts, die normalerweise kleiner als Bilder sind, viel einfacher zu skalieren, und sie sind kristallklar auf allen Bildschirmgrößen (einschließlich Retina). Sie können viele dieser Symbolschriften online finden, aber IcoFont nimmt wirklich den Kuchen.

Diese kostenlose Symbolschrift enthält über 2.100 Symbole, die alle in einer einzigen Schriftdatei zusammengefasst sind .

Sie können die rohe Quelle mit allen Symbolen oder nur bestimmte Symbol "Familien" wie Währung, Business, soziale oder mobile UI (neben vielen anderen) herunterladen.

Die Website fungiert als Online-Dokumentation für alle diese Symbole, sodass Sie die Codes schnell auf Ihre Website kopieren und einfügen können. IcoFont-Symbole funktionieren ähnlich wie FontAwesome-Symbole, die beispielsweise standardmäßig im Bootstrap-Framework verwendet werden.

Alles funktioniert über das Element, das zwei CSS-Klassen benötigt :

1. die standardmäßige IcoFont-Klasse
2. eine Klasse für jeden Symboltyp

Um beispielsweise Ihrem Dokument ein Schlosssymbol hinzuzufügen, fügen Sie Ihrem Layout so etwas hinzu:

Sie können diese Symbole technisch zu jedem beliebigen Element hinzufügen, aber der Standardcode von IcoFont beruht auf Elementen.

Beachten Sie, dass diese Bibliothek nicht mit einem Programm namens Icofont verwechselt werden sollte, das keine Bibliothek ist, sondern eine Schnittstelle für die Verwaltung von Symbolschriften in Ihren RoR-Anwendungen. Da dieses Programm den gleichen Namen wie die IcoFont-Bibliothek hat, kann es für weitere Informationen schwierig sein zu googlen.

Diese Bibliothek ist immer noch sehr neu und ich kann sie weder auf GitHub noch irgendwo anders im Internet finden. Aber wenn Sie nach mehr Informationen suchen, empfehle ich sehr, die Website zu besuchen und eine Kopie herunterzuladen. Sie finden dort den richtigen Quellcode und Sie können sogar alle Symbole nach Kategorie durchsuchen, um zu sehen, was im Set enthalten ist.