113: Vytvorenie a použitie vlastného ikonového písma Triky CSS

Anonim

Ako sme už mnohokrát povedali: ikonové písma sú úžasné. Sú efektívne rovnakým spôsobom, ako sú efektívne aj skriptu CSS: veľa obrázkov použiteľných pre rôzne oblasti / účely v jednom stiahnutí. Ale sú ešte úžasnejšie ako škriatkovia, pretože sú vektoroví, a preto sa dajú zväčšiť na ľubovoľnú veľkosť, zatieniť, zmeniť farbu atď. Fantasticky vyzerajú aj na sietnicových displejoch (alebo displejoch akejkoľvek veľkosti a rozlíšenia, naozaj).

Aby ste čo najlepšie využili písmo svojich ikon, mali by ste načítať iba znaky, ktoré musíte načítať. A aby sme boli flexibilní, je pekné mať možnosť pridávať k jednému ikonovému písmu z viacerých sád alebo z ľubovoľného vektora / SVG kdekoľvek. Aplikácia IcoMoon vám umožňuje robiť všetko z tohto super jednoduchého rozhrania. Vyberiete požadované ikony, namapujete ich na ľubovoľné znaky a potom exportujete písma HTML / CSS / Web vo formáte pripravenom na použitie.

Odkazy z videa:

  • IcoMoon
  • Entypo
  • Prečo sú písma ikon úžasné
  • Zhrnutie ikonových typov písma
  • StateFace
  • GeoBats
  • ShopTalk