IcoFont bietet Ihnen über 2100 kostenlose Icons in einer einzigen Schriftdatei

Mit dem Aufstieg von Web-Schriften und einbettbare CSS-Schriftarten, Es ist heutzutage viel einfacher, wirklich einzigartige Websites von Grund auf zu erstellen.

Der neueste Trend ist Symbol-Schriftarten Diese sind in der Regel kleiner als Bilder, viel einfacher zu skalieren und auf allen Bildschirmgrößen (einschließlich der Netzhaut) kristallklar. Sie können viele dieser Symbolschriftarten online finden IcoFont nimmt wirklich den Kuchen.

Diese kostenlose Symbolschrift kommt mit über 2.100 Icons, alles in einem gebündelt einzelne Schriftdatei.

Sie können die Rohquelle mit herunterladen alle symbole oder nur bestimmtes Symbol “Familien” wie z. B. Währungen, geschäftliche, soziale oder mobile Benutzeroberflächen (unter vielen anderen).

Die Website wirkt wie eine Online-Dokumentation für alle diese Symbole, damit Sie die Codes schnell in Ihre Site kopieren / einfügen können. IcoFont-Symbole funktionieren viel wie FontAwesome-Symbole welche zum Beispiel standardmäßig im Bootstrap-Framework verwendet werden.

Alles funktioniert durch die Element Das benötigt zwei CSS-Klassen:

1. die Standard-IcoFont-Klasse
2. eine Klasse für jede Art von Symbol

Wenn Sie Ihrem Dokument beispielsweise ein Schlosssymbol hinzufügen möchten, fügen Sie Ihrem Layout so etwas hinzu:

Sie können diese Symbole technisch hinzufügen zu jedem beliebigen Element Der Standardcode von IcoFont basiert jedoch auf Elemente.

Beachten Sie diese Bibliothek sollte nicht verwechselt werden mit einem Programm namens Icofont, bei dem es sich überhaupt nicht um eine Bibliothek handelt, sondern um eine Schnittstelle zum Verwalten von Symbolschriftarten in Ihren RoR-Anwendungen. Da dieses Programm den gleichen Namen wie die IcoFont-Bibliothek hat, kann es schwierig sein, nach weiteren Informationen zu suchen.

Diese Bibliothek ist immer noch sehr neu und ich kann es nicht auf GitHub oder sonstwo im Web finden. Wenn Sie jedoch nach weiteren Informationen suchen, empfiehlt es sich, die Website zu besuchen und eine Kopie herunterzuladen. Sie finden alles richtiger Quellcode genau dort und Sie können sogar stöbern Alle Icons nach Kategorie um zu sehen, was im Set ist.