# 113: Crearea și utilizarea unui font cu pictograme personalizate - CSS-Tricks

Anonim

Așa cum am spus aici de mai multe ori: fonturile pictograme sunt minunate. Sunt eficienți în același mod în care spriturile CSS sunt eficiente: o mulțime de imagini utilizabile pentru diferite zone / scopuri într-o singură descărcare. Dar ele sunt chiar mai grozave decât spritele, deoarece sunt vectoriale și astfel pot scala la orice dimensiune, pot fi umbrite, pot schimba culoarea și multe altele. De asemenea, arată fantastic pe afișajele retinei (sau afișaje de orice dimensiune și rezoluție, într-adevăr).

Pentru a fi cel mai eficient cu fontul pictogramei, ar trebui să încărcați numai caracterele pe care trebuie să le încărcați. Și pentru a fi flexibil, este plăcut să puteți adăuga la un singur font de pictograme din mai multe seturi sau din orice vector / SVG oriunde. Aplicația IcoMoon vă permite să faceți toate acestea din interfața super simplă. Alegeți pictogramele pe care le doriți, le mapați cu caracterele dorite, apoi exportați fonturile HTML / CSS / Web într-un format gata de utilizat.

Link-uri din videoclip:

  • IcoMoon
  • Entypo
  • De ce fonturile Icon sunt minunate
  • Rezumatul fonturilor de pictograme
  • StateFace
  • GeoBats
  • ShopTalk