# 113: Opprette og bruke en egendefinert ikonfont - CSS-triks

Anonim

Som vi har sagt her mange ganger: ikonfonter er kjempebra. De er effektive på samme måte som CSS-sprites er effektive: mange bilder som kan brukes til forskjellige områder / formål i en enkelt nedlasting. Men de er enda mer kjempebra enn sprites fordi de er vektorer og kan skaleres til alle størrelser, bli skyggelagt, endre farge og mer. De ser også fantastiske ut på netthinneskjerm (eller skjermer i alle størrelser og oppløsninger, egentlig).

For å være mest effektiv med ikonfonten din, bør du bare laste inn tegnene du trenger å laste inn. Og for å være fleksibel er det hyggelig å kunne legge til en enkelt ikonfont fra flere sett eller fra hvilken som helst vektor / SVG hvor som helst. IcoMoon-appen lar deg gjøre alt dette fra det superenkle grensesnittet. Du velger ikonene du vil, tilordner dem til hvilke tegn du vil, og eksporterer deretter HTML / CSS / Web-skrifttyper i et klar-til-bruk-format.

Lenker fra videoen:

  • IcoMoon
  • Entypo
  • Hvorfor ikonfonter er kjempebra
  • Sammendrag av ikonfonter
  • StateFace
  • GeoBats
  • ShopTalk