Tidligere, når du oprettede websteder, var du nødt til at bruge bitmap-ikoner. Det var smukt, men ubelejligt af forskellige årsager. I dag har vektorikoner erstattet rasterikoner. Dette er en original og elegant løsning, der vil dekorere og opdatere dit websted.
Instruktioner
Trin 1
Der er en god webservice til oprettelse af skrifttyper fra ikoner. Det hedder Fontastic. Det er helt gratis og ingen annoncer. Det første trin er at registrere dig på tjenestens websted. Gå til hjemmesiden fontastic.me, indtast din e-mail-adresse i indtastningsfelterne, og opret en adgangskode, og klik derefter på den store gule knap "Opret din ikonfont". Nogle gange sker det, at der ikke vises nogen oplysninger, der bekræfter en vellykket registrering. Du skal ikke bekymre dig om det, gå videre til næste trin.
Trin 2
Klik nu på knappen "Login" i øverste højre hjørne. Indtast din e-mail og adgangskode igen på den side, der åbnes, og tryk på knappen "Login".
Efter at have ventet et par sekunder åbnes panelet til oprettelse af skrifttyper fra ikoner.
Trin 3
Her er et stort udvalg af ikoner. Ved at klikke på de ikoner, du kan lide med musen, skal du vælge så mange ikoner, som du har brug for. Øverst, efter ordet "PUBLISER", vises antallet af valgte ikoner.
Trin 4
Hvis du ikke har nok ikoner fra det præsenterede nummer, skal du rulle ned til bunden af siden og finde knappen, der siger "Tilføj flere ikoner". Klik på den.
Trin 5
En side med yderligere ikonpakker åbnes. Nogle af dem er betalt (mærket "Premium"), andre er gratis. For at aktivere yderligere ikoner skal du trykke på knappen "AKTIVER" på de valgte pakker. Nu vises de på den generelle liste over tilgængelige ikoner, når du går i gang med kontrolpanelet ved at klikke på knappen "Hjem" i topmenuen.
Trin 6
Hvis du har brug for at tilføje dine egne ikoner, skal du klikke på knappen "IMPORT IKONER" på den samme side øverst til højre. Du kan nu uploade dine egne ikoner. Bemærk, at kun SVG-vektorformat understøttes.
Trin 7
Når du har valgt det ønskede antal ikoner, skal du trykke på knappen "TILPAS". Her vil du se alle de valgte ikoner, og du kan tildele vilkårlige klassenavne til dem, som du vil henvise til dem i CSS-stilarter. Eller du kan lade standardnavne, som systemet har tildelt ikonerne.
Trin 8
Tryk på knappen "PUBLISH". Her kan du downloade den oprettede skrifttype for vektorikon ("DOWNLOAD" -knap). Download skrifttypearkivet oprettet af tjenesten til din computer.
Trin 9
Det downloadede arkiv indeholder CSS-stilfilen, HTML-filen med navnene på ikonklasserne og mappen "skrifttyper" med skrifttyperne. Denne ikonfont kan bruges på dit websted.
Trin 10
For at bruge den oprettede ikon skrifttype skal du gøre følgende:
- pakke indholdet af arkivet ud og uploade til dit websted i biblioteket med stilarter;
- indsæt et link til en CSS-fil i HEAD-sektionen på alle sider, der fungerer med denne ikonfont;
- i sidekoden bruger vi navnet på de tidligere oprettede klasser til at bruge den nyoprettede ikonfont.
