IcoFont gir deg 2100 + gratis ikoner i en enkelt skriftfil

Med oppveksten av webfonter og innebygde CSS-fonter, er det mye lettere for tiden å skape virkelig unike nettsteder fra bunnen av.

Den nyeste trenden er ikonfonter som vanligvis er mindre enn bilder, mye lettere å skalere, og de er krystallklare på alle skjermstørrelser (inkludert netthinnen). Du finner mange av disse ikonfonter på nettet, men IcoFont tar virkelig kaken.

Dette gratis ikonet skrivesettet kommer med over 2100 ikoner, alt sammen samlet inn i en enkelt skriftfil .

Du kan laste ned den raske kilden med alle ikoner eller bare bestemte ikoner "familier" som for eksempel valuta, forretning, sosiale eller mobile brukergrensesnitt (blant mange andre).

Nettstedet fungerer som en online dokumentasjon for alle disse ikonene, slik at du kan kopiere / lime inn kodene raskt til nettstedet ditt. IcoFont-ikoner fungerer mye som FontAwesome-ikoner, som for eksempel brukes som standard i Bootstrap-rammen.

Alt fungerer gjennom elementet som krever to CSS-klasser :

1. standard IcoFont-klassen
2. en klasse for hver type ikon

For eksempel, for å legge til et slottikon i dokumentet, legger du til noe slikt på layoutet ditt:

Du kan teknisk legge disse ikonene til et hvilket som helst element du liker, men standardkoden fra IcoFont er avhengig av elementer.

Merk at dette biblioteket ikke bør forveksles med et program som heter Icofont, som ikke er et bibliotek i det hele tatt, men et grensesnitt for håndtering av ikonfonter i RoR-applikasjonene dine. Siden dette programmet har samme navn som IcoFont-biblioteket, kan det være tøft Googling for mer info.

Dette biblioteket er fortsatt veldig nytt, og jeg finner det ikke på GitHub eller andre steder på nettet. Men hvis du leter etter mer info, anbefaler jeg å besøke nettstedet og laste ned en kopi. Du finner all riktig kildekoden der, og du kan til og med bla gjennom alle ikoner etter kategori for å se hva som er i settet.