Kako Narediti Svojo Pisavo Ikone

Kazalo:

Kako Narediti Svojo Pisavo Ikone
Kako Narediti Svojo Pisavo Ikone

Video: Kako Narediti Svojo Pisavo Ikone

Video: Kako Narediti Svojo Pisavo Ikone
Video: Домашнее пиво. Самый простой рецепт. Так варил твой дед! 2024, November
Anonim

Prej ste pri ustvarjanju spletnih mest morali uporabljati bitne ikone. Bilo je lepo, a iz različnih razlogov neprijetno. Danes so vektorske ikone zamenjale rastrske ikone. To je izvirna in elegantna rešitev, ki bo okrasila in osvežila vaše spletno mesto.

Primer pisave ikone
Primer pisave ikone

Navodila

Korak 1

Obstaja dobra spletna storitev za ustvarjanje pisav iz ikon. Imenuje se Fontastic. Je popolnoma brezplačen in brez oglasov. Prvi korak je registracija na spletnem mestu storitve. Pojdite na spletno mesto fontastic.me, vnesite svoj e-poštni naslov v polja za vnos in ustvarite geslo, nato kliknite velik rumeni gumb "Ustvari svojo ikono pisave". Včasih se zgodi, da niso prikazane nobene informacije, ki potrjujejo uspešno registracijo. Ne skrbite zaradi tega, pojdite na naslednji korak.

Registracija pri storitvi Fontastic
Registracija pri storitvi Fontastic

2. korak

Zdaj kliknite gumb "Prijava" v zgornjem desnem kotu. Na strani, ki se odpre, znova vnesite svoj e-naslov in geslo, pritisnite gumb "Prijava".

Po nekaj sekundah se odpre plošča za ustvarjanje pisav iz ikon.

Vstopite v nadzorno ploščo Fontastic
Vstopite v nadzorno ploščo Fontastic

3. korak

Tu je velika izbira ikon. S klikom na ikone, ki so vam všeč z miško, izberite toliko ikon, kot jih potrebujete. Na vrhu je za besedo "OBJAVI" navedeno število izbranih ikon.

Izbira vektorskih ikon
Izbira vektorskih ikon

4. korak

Če na predstavljeni številki nimate dovolj ikon, se pomaknite navzdol do dna strani in poiščite gumb »Dodaj več ikon«. Kliknite nanjo.

Dodajanje ikon
Dodajanje ikon

5. korak

Odprla se bo stran z dodatnimi paketi ikon. Nekateri so plačani (z oznako "Premium"), nekateri so brezplačni. Če želite aktivirati dodatne ikone, na izbranih paketih pritisnite gumb "AKTIVIRAJ". Zdaj se bodo pojavile na splošnem seznamu razpoložljivih ikon, ko začnete z uporabo nadzorne plošče s klikom na gumb »Domov« v zgornjem meniju.

Dodajanje paketov ikon
Dodajanje paketov ikon

6. korak

Če morate dodati svoje ikone, na isti strani zgoraj desno kliknite gumb "UVOZI IKNE". Zdaj lahko naložite svoje ikone. Upoštevajte, da je podprt samo vektorski format SVG.

Dodajte naše vektorske ikone
Dodajte naše vektorske ikone

7. korak

Ko ste izbrali zahtevano število ikon, pritisnite gumb "PRILAGODI". Tukaj boste videli vse izbrane ikone in jim lahko dodelite poljubna imena razredov, s katerimi se boste sklicevali nanje v slogih CSS. Lahko pa pustite privzeta imena, ki jih je sistem določil za ikone.

Pregled izbranih vektorskih ikon
Pregled izbranih vektorskih ikon

8. korak

Pritisnite gumb "OBJAVI". Tu lahko prenesete ustvarjeno pisavo vektorske ikone (gumb "PRENESI"). V računalnik prenesite arhiv pisav, ki ga je ustvarila storitev.

Nalaganje pisave vektorske ikone
Nalaganje pisave vektorske ikone

9. korak

Preneseni arhiv vsebuje datoteko sloga CSS, datoteko HTML z imeni razredov ikon in mapo "pisave" s pisavami. To pisavo ikone lahko uporabite na vašem spletnem mestu.

Arhiv s pisavo ikone
Arhiv s pisavo ikone

10. korak

Če želite uporabiti ustvarjeno pisavo ikone, morate storiti naslednje:

- razpakirajte vsebino arhiva in naložite na svoje spletno mesto v imenik s slogi;

- v razdelek HEAD vseh strani strani, ki bodo delovale s to pisavo ikone, vstavite povezavo do datoteke CSS;

- v kodi strani uporabljamo ime prej ustvarjenih razredov, da uporabimo novo ustvarjeno pisavo ikone.

Priporočena: