Tidigare, när du skapade webbplatser, var du tvungen att använda bitmappsikoner. Det var vackert, men obekvämt av olika skäl. Idag har vektorikoner ersatt rasterikoner. Detta är en original och elegant lösning som kommer att dekorera och uppdatera din webbplats.
Instruktioner
Steg 1
Det finns en bra webbtjänst för att skapa teckensnitt från ikoner. Det heter Fontastic. Det är helt gratis och inga annonser. Det första steget är att registrera sig på tjänstens webbplats. Gå till webbplatsen fontastic.me, ange din e-postadress i inmatningsfälten och skapa ett lösenord, klicka sedan på den stora gula knappen "Skapa ditt ikonfont". Ibland händer det att ingen information som bekräftar lyckad registrering visas. Oroa dig inte för det, gå vidare till nästa steg.
Steg 2
Klicka nu på knappen "Logga in" i det övre högra hörnet. Ange ditt e-postmeddelande och lösenord igen på sidan som öppnas och tryck på knappen "Logga in".
Efter att ha väntat några sekunder öppnas panelen för att skapa teckensnitt från ikoner.
Steg 3
Här är ett stort urval av ikoner. Genom att klicka på ikonerna du vill ha med musen väljer du så många ikoner du behöver. Överst, efter ordet "PUBLICERA", anges antalet valda ikoner.
Steg 4
Om du inte har tillräckligt med ikoner från det presenterade numret, rullar du ner till botten av sidan och hittar knappen som säger "Lägg till fler ikoner". Klicka på det.
Steg 5
En sida med ytterligare ikonpaket öppnas. Vissa av dem betalas (märkta "Premium"), andra är gratis. För att aktivera ytterligare ikoner, tryck på "AKTIVERA" -knappen på de valda paketen. Nu kommer de att visas i den allmänna listan över tillgängliga ikoner när du går igång med kontrollpanelen genom att klicka på "Hem" -knappen i toppmenyn.
Steg 6
Om du behöver lägga till dina egna ikoner klickar du på "IMPORT-IKONER" på samma sida högst upp till höger. Du kan nu ladda upp dina egna ikoner. Observera att endast SVG-vektorformat stöds.
Steg 7
När du har valt önskat antal ikoner trycker du på knappen "ANPASSA". Här ser du alla valda ikoner och du kan tilldela dem godtyckliga klassnamn, med vilka du kommer att hänvisa till dem i CSS-stilar. Eller så kan du lämna standardnamnen som systemet har tilldelat ikonerna.
Steg 8
Tryck på knappen "PUBLICERA". Här kan du ladda ner det skapade teckensnittet för vektorikonen ("DOWNLOAD" -knappen). Ladda ner teckensnittsarkivet som skapats av tjänsten till din dator.
Steg 9
Det nedladdade arkivet innehåller CSS-stilfilen, HTML-filen med namnen på ikonklasserna och mappen "teckensnitt" med teckensnitten. Detta ikonfontyp kan användas på din webbplats.
Steg 10
För att använda det skapade ikonsteckensnittet måste du göra följande:
- packa upp innehållet i arkivet och ladda upp till din webbplats i katalogen med stilar;
- infoga en länk till en CSS-fil i HEAD-avsnittet på alla sidor som fungerar med det här ikonsteckensnittet;
- i sidkoden använder vi namnet på de tidigare skapade klasserna för att använda det nyskapade ikonteckensnittet.
