Aikaisemmin sivustoja luodessasi joudut käyttämään bittikarttakuvakkeita. Se oli kaunis, mutta hankala monista syistä. Nykyään vektorikuvakkeet ovat korvanneet rasterikuvakkeet. Tämä on alkuperäinen ja tyylikäs ratkaisu, joka koristaa ja päivittää sivustosi.
Ohjeet
Vaihe 1
Fonttien luomiseen kuvakkeista on hyvä verkkopalvelu. Sitä kutsutaan Fontasticiksi. Se on täysin ilmainen eikä mainoksia. Ensimmäinen vaihe on rekisteröityminen palvelun verkkosivustolle. Mene verkkosivustolle fontastic.me, kirjoita sähköpostiosoitteesi syöttökenttiin ja luo salasana ja napsauta sitten isoa keltaista painiketta "Luo kuvakkeen fontti". Joskus tapahtuu, että mitään tietoja, jotka vahvistavat rekisteröinnin onnistumisen, ei näytetä. Älä huoli siitä, siirry seuraavaan vaiheeseen.
Vaihe 2
Napsauta nyt "Kirjaudu" -painiketta, joka sijaitsee oikeassa yläkulmassa. Kirjoita avautuvalle sivulle sähköpostiosoitteesi ja salasanasi uudelleen, paina "Kirjaudu" -painiketta.
Muutaman sekunnin odotuksen jälkeen paneeli fonttien luomiseksi kuvakkeista avautuu.
Vaihe 3
Tässä on laaja valikoima kuvakkeita. Napsauttamalla haluamiasi kuvakkeita hiirellä, valitse niin monta kuvaketta kuin tarvitset. Yläosassa sanan "JULKAISU" jälkeen ilmoitetaan valittujen kuvakkeiden määrä.
Vaihe 4
Jos sinulla ei ole tarpeeksi kuvakkeita esitetystä numerosta, vieritä alaspäin sivun alaosaan ja etsi painike, jossa lukee Lisää kuvakkeita. Klikkaa sitä.
Vaihe 5
Sivu, jossa on lisää kuvakepaketteja, avautuu. Jotkut heistä ovat maksettuja (merkitty "Premium"), jotkut ovat ilmaisia. Aktivoi lisää kuvakkeita painamalla "AKTIVOI" -painiketta valituissa paketeissa. Nyt ne näkyvät käytettävissä olevien kuvakkeiden yleisessä luettelossa, kun aloitat ohjauspaneelin käytön napsauttamalla ylävalikossa olevaa Koti-painiketta.
Vaihe 6
Jos sinun on lisättävä omat kuvakkeet, napsauta samalla sivulla oikeassa yläkulmassa "TUO KUVAKKEET" -painiketta. Voit nyt ladata omat kuvakkeet. Huomaa, että vain SVG-vektorimuotoa tuetaan.
Vaihe 7
Kun olet valinnut tarvittavan määrän kuvakkeita, paina "MUKAUTA" -painiketta. Täällä näet kaikki valitut kuvakkeet ja voit määrittää niille mielivaltaiset luokkien nimet, joilla viitat niihin CSS-tyyleissä. Tai voit jättää oletusnimet, jotka järjestelmä on määrittänyt kuvakkeille.
Vaihe 8
Paina "PUBLISH" -painiketta. Täältä voit ladata luodun vektorikuvakirjasimen ("LATAA" -painike). Lataa palvelun luoma fonttiarkisto tietokoneellesi.
Vaihe 9
Ladattu arkisto sisältää CSS-tyylitiedoston, HTML-tiedoston kuvakeluokkien nimillä ja "fontit" -kansion. Tätä kuvakekirjasinta voidaan käyttää verkkosivustollasi.
Vaihe 10
Luotun kuvakkeen fontin käyttäminen edellyttää seuraavaa:
- pura arkiston sisältö ja lataa sivustoosi tyylillä varustettu hakemisto;
- lisää linkki CSS-tiedostoon kaikkien tämän sivun sivujen HEAD-osioon, jotka toimivat tämän kuvakekirjasimen kanssa;
- sivukoodissa käytämme aiemmin luotujen luokkien nimeä vasta luodun kuvakkeen fontin käyttämiseen.
