# 113: Tworzenie i używanie niestandardowej czcionki ikony - CSS-Tricks

Anonim

Jak już wielokrotnie mówiliśmy: czcionki ikon są niesamowite. Są wydajne w taki sam sposób, w jaki wydajne są sprite'y CSS: wiele obrazów, które można wykorzystać w różnych obszarach / celach w jednym pobraniu. Ale są jeszcze bardziej niesamowite niż sprite'y, ponieważ są wektorami, więc mogą skalować do dowolnego rozmiaru, być cieniowane, zmieniać kolor i nie tylko. Wyglądają również fantastycznie na wyświetlaczach Retina (lub wyświetlaczach o dowolnym rozmiarze i rozdzielczości).

Aby być najbardziej wydajnym z czcionką ikon, powinieneś ładować tylko znaki, które chcesz załadować. Aby być elastycznym, fajnie jest móc dodać do jednej ikony czcionkę z wielu zestawów lub z dowolnego wektora / SVG w dowolnym miejscu. Aplikacja IcoMoon pozwala na to wszystko za pomocą bardzo prostego interfejsu. Wybierasz ikony, które chcesz, mapujesz je na dowolne znaki, a następnie eksportujesz czcionki HTML / CSS / Web Fonts w gotowym do użycia formacie.

Linki z filmu:

  • IcoMoon
  • Entypo
  • Dlaczego czcionki ikon są niesamowite
  • Podsumowanie czcionek Icon
  • StateFace
  • GeoBats
  • ShopTalk