10 Nyttige og gratis skrifttyper, du bør bogmærke

Efterhånden som flere og flere enheder vedtager high-definition-skærme, bliver skrifttyperne det populære valg at vedtage. Det kan tilpasses uden at kompromittere kvalitet og tilpasses via CSS. Vi kan nemt ændre farven, størrelsen og endda animere skrifttype ikoner med CSS3. Plus det er beslutning-uafhængig hvilket gør det ser skarpt ud på en hvilken som helst skærmtæthed.

FontAwesome er langt den mest populære font kilde, med en enorm samling ikoner. Men det er meget unødvendigt at downloade hele samlingen, når du skal bruge nogle få. Her er 10 alternative kilder til velegnede skrifttype ikoner at jeg håber du ville finde nyttige til tider at opbygge dine næste store hjemmesider og apps i stedet for FontAwesome.

StackIcons

StackIcons er font ikoner til over 60 moderne sociale mærker. Den leveres med CSS, så du kan style din skrifttype i mange containerformer. Du kan få dine sociale mærke ikoner i cirkler, kvadrater eller med afrundede kanter. Du kan også farve ikonerne i mere end en farve, hvilket giver dig mere realistiske mærkefarver.

Licens: SIL Åben skrifttype og MIT

Twemoji Awesome

Twemoji er et open source emoticon projekt fra Twitter. Elle Kasai har portet det til et skrifttype ikon kaldet Twemoji Awesome. Alle klassenavne til at vise ikonerne er de samme som Twemoji Cheat Sheet, men du skal bruge en dash i stedet for en understregning, det er alt. Her er et eksempel på, hvordan vi tilføjer hatching_chick ikon:

Licens: MIT og CC-BY til Emoticon-grafikken

Skrifttype Diao

Font Diao er en samling af skrifttype ikoner fra populær hjemmeside eller firma baseret i Kina som Alibaba, Alipay, WeChat, Xiaomi og Weibo. Skrifttypen kan komme til nytte, når du bygger wesbites udpeget til Kina fastlandet publikum, der sandsynligvis er bekendt med denne særlige skrifttype.

Licens: Offentlig licens

Socialicious

Socialicious er en skrifttype, der udelukkende er bygget til populære sociale hjemmesider som Facebook, Twitter og Instagram. Skrifttypen er bygget til at fungere fint med Bootstrap. Her er et eksempelkode for at opbygge en knap med Bootstrap .btn klasse sammen med skrifttyper.

   Opret forbindelse med Linkedin

Licens: MIT-licens.

Octicons

Octicons er et sæt font ikoner præsenteret af GitHub, så du kan bruge det samme ikon som brugt af GitHub på dit projekt. Der er mere end 170 ikoner klar til at anvende på dit næste projekt.

Betalings skrifttype

Hvis du bruger en betalingsgateway, vil du muligvis gerne have disse skrifttyper. Pakken indeholder 95 søvnikoner, der er populære betalingsmetoder eller gateways som Visa, American Express og meget mere.

Licens: SIL OFL 1.1

Android ikoner

Dette er ikonindstillingen oprettet af Opoloo, tidligere kendt som Android-fællesskabet. Den indeholder 250 fantastiske ikoner i 5 størrelser og 14 farver af indfødte Android-ikoner.

Licens: Attribution-ShareAlike 4.0 International

DevIcons

DevIcons er et sæt font ikoner håndlavet af Theodore Vorillas. Den indeholder 85 symboler og logoer af velkendte udviklingsapplikationer som GitHub-ikonet, Gulp-ikonet, Vinkelikonet og mange andre.

Licens: MIT

Åbn ikonisk

Open Icon indeholder 223 ikoner klar til brug med bootstrap, en ramme eller dit eget stylesheet. Skriftstørrelsen er lille, kun 12,4Kb, hvilket er omkring en fjerdedel af det, du kan finde i FontAwesome. Den seje ting her er, disse ikoner kan skaleres ned til 8px.

Licens: SIL.

Materiale Design Ikonisk Skrifttype

Der er 15 kategorier af Google Material Design-inspirerede skrifttype ikoner i denne pakke. For at bruge dem skal du bare installere Material-Design-Iconic-Font.ttf, og brug derefter dette cheatsheet. Kopier indsæt ikonerne (ikke unicode) i dit projekt. Du kan forstørre ikonerne, give det grænser, dreje, dreje eller flip det med CSS.