# 113: Een aangepast pictogramlettertype maken en gebruiken - CSS-trucs

Anonim

Zoals we hier al vaak hebben gezegd: pictogramlettertypen zijn geweldig. Ze zijn efficiënt op dezelfde manier als CSS-sprites efficiënt zijn: veel afbeeldingen die voor verschillende gebieden / doeleinden kunnen worden gebruikt in één enkele download. Maar ze zijn zelfs nog indrukwekkender dan sprites omdat ze vector zijn en dus naar elke grootte kunnen worden geschaald, in de schaduw kunnen worden gesteld, van kleur kunnen veranderen en meer. Ze zien er ook fantastisch uit op retina-displays (of displays van elke grootte en resolutie, echt waar).

Om het meest efficiënt te zijn met uw pictogramlettertype, zou u alleen de tekens moeten laden die u nodig heeft. En om flexibel te zijn, is het prettig om aan een enkel pictogramlettertype toe te voegen vanuit meerdere sets of vanuit elke vector / SVG waar dan ook. Met de IcoMoon-app kun je dit allemaal doen vanuit zijn supereenvoudige interface. U kiest de pictogrammen die u wilt, wijst ze toe aan de gewenste tekens en exporteert vervolgens de HTML / CSS / Web Fonts in een gebruiksklare indeling.

Links uit de video:

  • IcoMoon
  • Entypo
  • Waarom pictogramlettertypen geweldig zijn
  • Verzameling van pictogramlettertypen
  • StateFace
  • GeoBats
  • ShopTalk