17: Nástroj na zostavenie - IcoMoon - Triky CSS

Anonim

Pojem „nástroj na zostavenie“ môže byť strašidelný. Pripomína efektné nástroje príkazového riadku vyžadujúce konfiguráciu a podivné systémové závislosti, ktoré sa zlomia, keď sa na ne pozriete zle. Niekedy sú nástroje na zostavenie také a my sa tam v tejto sérii vydáme. Nástroj na zostavenie je však skutočne niečo, čo vám uľahčí proces. Automatizujte niečo, čo ste predtým robili ručne.

IcoMoon je v tomto zmysle nástrojom na zostavenie. Bol (je) populárnym nástrojom na vytváranie vlastných ikonových písiem. Je to úžasné. Podporujem akýkoľvek nástroj, ktorý nabáda vývojárov frontendu k vytváraniu prispôsobených a zjednodušených prostriedkov pre to, čo práve potrebujú, a to okrem kuchynského drezu (každá ikona na zemi) a iba jeho častí. IcoMoon nie je len pre fonty s ikonami @ font-face, ale môže vydávať bloky SVG defs, ktoré nazýva SVG sprite (tiež úplne prijateľný výraz).

V zásade kliknete na požadované ikony a potom ich exportujete. Získate tak dokonalý blok SVG defs na použitie. Upozorňujeme, že zatiaľ nepoužívajú , a nie som si istý, prečo, ale to znamená, že pri viewBoxich implementácii budete musieť zahrnúť a sprístupniť veci sami. Zaregistrujte si tam účet a projekt môžete uložiť, čo znamená, že sa môžete vrátiť a odstrániť alebo pridať veci podľa potreby, a nie od nuly. To z neho skutočne robí nástroj na zostavenie.

Dôležité informácie o IcoMoon: môžete pridať svoje vlastné SVG. Nie ste obmedzený na to, čo vidíte v predvolenej aplikácii. Môžete získať SVG odkiaľkoľvek a jednoducho ho tam pridať a s vašim projektom sa uloží. IcoMoon môžete použiť ako nástroj na zostavenie iba s vlastným prispôsobeným SVG a bude to stále užitočné.