Tidligere, når du opprettet nettsteder, måtte du bruke bitmap-ikoner. Det var vakkert, men upraktisk av en rekke årsaker. I dag har vektorikoner erstattet rasterikoner. Dette er en original og elegant løsning som vil dekorere og oppdatere nettstedet ditt.
Bruksanvisning
Trinn 1
Det er en god webtjeneste for å lage skrifter fra ikoner. Det heter Fontastic. Det er helt gratis og ingen annonser. Det første trinnet er å registrere seg på tjenestenettstedet. Gå til nettstedet fontastic.me, skriv inn e-postadressen din i inndatafeltene og opprett et passord, og klikk deretter på den store gule knappen "Create your Icon Font". Noen ganger hender det at ingen informasjon som bekrefter vellykket registrering vises. Ikke bekymre deg for det, gå videre til neste trinn.
Steg 2
Klikk nå på "Logg inn" -knappen i øvre høyre hjørne. På siden som åpnes, skriv inn e-postadressen og passordet ditt igjen, trykk på "Logg inn" -knappen.
Etter å ha ventet noen sekunder, åpnes panelet for å lage skrifter fra ikoner.
Trinn 3
Her er et stort utvalg av ikoner. Ved å klikke på ikonene du liker med musen, velger du så mange ikoner du trenger. Øverst, etter ordet "PUBLISER", vises antall valgte ikoner.
Trinn 4
Hvis du ikke har nok ikoner fra det presenterte nummeret, blar du ned til bunnen av siden og finner knappen som sier "Legg til flere ikoner". Klikk på den.
Trinn 5
En side med ekstra ikonpakker åpnes. Noen av dem er betalt (merket "Premium"), noen er gratis. For å aktivere flere ikoner, trykk på "AKTIVER" -knappen på de valgte pakkene. Nå vil de vises i den generelle listen over tilgjengelige ikoner når du går i gang med kontrollpanelet ved å klikke på "Hjem" -knappen i toppmenyen.
Trinn 6
Hvis du trenger å legge til dine egne ikoner, klikker du på "IMPORT ICONS" -knappen på samme side øverst til høyre. Du kan nå laste opp dine egne ikoner. Vær oppmerksom på at bare SVG-vektorformat støttes.
Trinn 7
Etter å ha valgt ønsket antall ikoner, trykk på "TILPASS" -knappen. Her vil du se alle de valgte ikonene, og du kan tildele vilkårlige klassenavn til dem, som du vil henvise til dem i CSS-stiler. Eller du kan la standardnavnene som systemet har tildelt ikonene.
Trinn 8
Trykk på "PUBLISH" -knappen. Her kan du laste ned den opprettede skrifttypen for vektorikon ("LAST NED" -knappen). Last ned fontarkivet opprettet av tjenesten til datamaskinen din.
Trinn 9
Det nedlastede arkivet inneholder CSS-stilfilen, HTML-filen med navnene på ikonklassene og "fonter" -mappen med skriftene. Denne ikonfonten kan brukes på nettstedet ditt.
Trinn 10
For å bruke den opprettede ikonfonten, må du gjøre følgende:
- pakke ut innholdet i arkivet og laste opp til nettstedet ditt i katalogen med stiler;
- sett inn en lenke til en CSS-fil i HEAD-delen av alle sidesider som vil fungere med denne ikonfonten;
- i sidekoden bruker vi navnet på de tidligere opprettede klassene til å bruke den nyopprettede ikonfonten.
