10 nützliche und kostenlose Schriftsymbole, die Sie mit einem Lesezeichen versehen sollten

Da immer mehr Geräte hochauflösende Bildschirme verwenden, werden Schriftzeichensymbole immer mehr zur Wahl. Es ist in der Größe veränderbar, ohne Kompromisse bei Qualität und anpassbar durch CSS. Wir können die Farbe, die Größe und sogar die Zeichensymbole mit CSS3 mühelos ändern. Plus ist es auflösungsunabhängig Das macht es auf jeder Bildschirmdichte knackig.

FontAwesome ist mit Abstand eine der beliebtesten Fontquellen mit einer riesigen Sammlung von Symbolen. Es ist jedoch absolut unnötig, die gesamte Sammlung herunterzuladen, wenn Sie nur einige davon benötigen. Hier sind 10 alternative Quellen von gut erstellten Zeichensymbolen Ich hoffe, Sie würden gelegentlich nützlich sein, um Ihre nächsten großartigen Websites und Apps anstelle von FontAwesome zu erstellen.

StackIcons

StackIcons sind Zeichensymbole für über 60 moderne Social Brands. Es kommt mit CSS, sodass Sie Ihre Schrift in vielen Containerformen gestalten können. Sie können Ihre Social-Brand-Symbole in Kreisen, Quadraten oder mit abgerundeten Kanten anzeigen. Sie können die Symbole auch in mehr als einer Farbe einfärben, um realistischere Markenfarben zu erhalten.

Lizenz: SIL Open Font und MIT

Twemoji Awesome

Twemoji ist ein Open Source-Emoticon-Projekt von Twitter. Elle Kasai hat es auf ein Schriftzeichensymbol portiert Twemoji Awesome. Alle Klassennamen zum Anzeigen der Symbole sind mit denen des Twemoji Cheat Sheets identisch, aber Sie müssen einen Bindestrich anstelle eines Unterstrichs verwenden, das ist alles. Hier ist ein Beispiel, wie wir das hinzufügen hatching_chick Symbol:

Lizenz: MIT und CC-BY für die Emoticon-Grafik

Schrift Diao

Font Diao ist eine Sammlung von Font-Icons von beliebten Websites oder Unternehmen in China, wie Alibaba, Alipay, WeChat, Xiaomi und Weibo. Die Schriftart kann nützlich sein, wenn Sie Wesbites erstellen, die für das chinesische Festlandpublikum bestimmt sind und die wahrscheinlich mit dieser bestimmten Schriftart vertraut sind.

Lizenz: Öffentliche Lizenz

Socialicious

Socialicious ist eine Schriftart, die ausschließlich für beliebte soziale Websites wie Facebook, Twitter und Instagram entwickelt wurde. Die Schrift ist so konzipiert, dass sie gut mit Bootstrap funktioniert. Hier ist ein Beispielcode zum Erstellen einer Schaltfläche mit Bootstrap .btn Klasse in Verbindung mit Schriftklassen.

   Verbinden Sie sich mit Linkedin

Lizenz: MIT-Lizenz.

Octicons

Octicons ist eine Reihe von Zeichensymbolen, die von GitHub dargestellt werden. Sie können dasselbe Symbol verwenden, das auch von GitHub in Ihrem Projekt verwendet wird. Für Ihr nächstes Projekt stehen mehr als 170 Symbole zur Verfügung.

Zahlung Schriftart

Wenn Sie ein Zahlungsgateway verwenden, möchten Sie möglicherweise diese Zeichensymbole verwenden. Das Paket enthält 95 Schlaf-Icons, die gängige Zahlungsmethoden oder Gateways wie Visa, American Express und andere sind.

Lizenz: SIL OFL 1.1

Android-Symbole

Dies ist das Icon-Set von Opoloo, früher bekannt als Android-Community. Es enthält 250 tolle Icons in 5 Größen und 14 Farben von Android-Icons.

Lizenz: Namensnennung-Weitergabe unter gleichen Bedingungen 4.0 International

DevIcons

DevIcons ist eine Reihe von von Theodore Vorillas handgefertigten Zeichensymbolen. Es enthält 85 Symbole und Logos bekannter Entwicklungsanwendungen wie das GitHub-Symbol, das Gulp-Symbol, das Angular-Symbol und viele andere.

Lizenz: MIT

Öffne Iconic

Das Open-Symbol enthält 223 Symbole, die mit Bootstrap, einem Framework oder Ihrem eigenen Stylesheet verwendet werden können. Die Schriftgröße ist klein und beträgt nur 12,4 KB, was ungefähr einem Viertel von FontAwesome entspricht. Das Coole dabei ist, dass diese Icons auf 8px verkleinert werden können.

Lizenz: SIL.

Material Design Iconic Font

Dieses Paket enthält 15 Kategorien von von Google Material Design inspirierten Schriftsymbolen. Um sie zu verwenden, installieren Sie einfach Material-Design-Iconic-Font.ttf und verwenden Sie dann dieses Cheatsheet. Kopieren Sie die Symbole (nicht den Unicode) in Ihr Projekt. Sie können die Symbole vergrößern, mit Rändern versehen, mit CSS drehen, drehen oder spiegeln.