IcoFont vă oferă 2100 de icoane gratuite într-un singur fișier de fonturi

Odată cu apariția lui fonturi web și fonturi încorporate CSS, este mult mai ușor în zilele noastre să creați site-uri cu adevărat unice de la zero.

Cea mai nouă tendință este pictograme de pictograme care sunt, de obicei, mai mici decât imaginile, mult mai ușor de scalat și sunt clare pe toate dimensiunile ecranului (inclusiv retina). Puteți găsi o mulțime de aceste fonturi pictograma online, dar nu IcoFont ia cu adevărat tortul.

Acest font gratuit pentru pictograme vine cu peste 2.100 de icoane, toate incluse într-o singur fișier de font.

Puteți descărca sursa brută cu toate icoanele sau numai o anumită pictogramă “familii” cum ar fi interfața monetară, business, socială sau mobilă (printre multe altele).

Site-ul web acționează ca un documentația online pentru toate aceste pictograme, astfel încât să puteți copia / insera rapid codurile în site-ul dvs. Icoanele IcoFont funcționează mult cum ar fi icoanele FontAwesome care, de exemplu, sunt utilizate implicit în cadrul Bootstrap.

Totul funcționează prin element care cere două clase CSS:

1. clasa IcoFont implicită
2. o clasă pentru fiecare tip de pictogramă

De exemplu, pentru a adăuga o pictogramă pentru castel în documentul dvs., adăugați ceva similar aspectului dvs.:

Puteți adăuga din punct de vedere tehnic aceste pictograme la orice element doriți dar codul implicit de la IcoFont se bazează pe element.

Rețineți această bibliotecă nu ar trebui să fie confuz cu un program numit Icofont care nu este o bibliotecă deloc, dar o interfață pentru gestionarea fonturilor icoane din interiorul aplicațiilor RoR. Din moment ce acest program are același nume ca și biblioteca IcoFont, poate fi greu pentru Google pentru mai multe informații.

Această bibliotecă este încă foarte nouă și nu o găsesc pe GitHub sau în altă parte de pe web. Dar dacă căutați mai multe informații, vă recomand să vizitați site-ul web și să descărcați o copie. Veți găsi toate codul sursă corect chiar acolo și puteți chiar să răsfoiți toate pictogramele pe categorii pentru a vedea ce este în set.