# 113: Oprettelse og brug af en brugerdefineret ikonfont - CSS-tricks

Anonim

Som vi har sagt her omkring mange gange: ikonskrifttyper er fantastiske. De er effektive på samme måde som CSS-sprites er effektive: mange billeder, der kan bruges til forskellige områder / formål i en enkelt download. Men de er endnu mere fantastiske end sprites, fordi de er vektorer og kan således skaleres til enhver størrelse, skygges, ændre farve og meget mere. De ser også fantastiske ud på nethindeskærme (eller skærme af enhver størrelse og opløsning, virkelig).

For at være mest effektiv med din ikonfont, skal du kun indlæse de tegn, du skal indlæse. Og for at være fleksibel er det rart at kunne føje til en enkelt ikon skrifttype fra flere sæt eller fra en hvilken som helst vektor / SVG overalt. IcoMoon-appen giver dig mulighed for at gøre alt dette fra den super enkle grænseflade. Du vælger de ønskede ikoner, kortlægger dem til de tegn, du ønsker, og eksporterer derefter HTML / CSS / Web-skrifttyper i et klar til brug-format.

Links fra videoen:

  • IcoMoon
  • Entypo
  • Hvorfor ikonskrifttyper er fantastiske
  • Samling af ikonskrifttyper
  • StateFace
  • GeoBats
  • ShopTalk