Kaip Susikurti Savo Piktogramos šriftą

Turinys:

Kaip Susikurti Savo Piktogramos šriftą
Kaip Susikurti Savo Piktogramos šriftą

Video: Kaip Susikurti Savo Piktogramos šriftą

Video: Kaip Susikurti Savo Piktogramos šriftą
Video: How To Create Own Icon Font 2024, Gegužė
Anonim

Anksčiau, kurdami svetaines, turėjote naudoti bitų žemėlapių piktogramas. Jis buvo gražus, bet nepatogus dėl įvairių priežasčių. Šiandien vektorinės piktogramos pakeitė rastro piktogramas. Tai originalus ir elegantiškas sprendimas, kuris papuoš ir atnaujins jūsų svetainę.

Piktogramos šrifto pavyzdys
Piktogramos šrifto pavyzdys

Nurodymai

1 žingsnis

Yra gera žiniatinklio paslauga šriftų kūrimui iš piktogramų. Tai vadinama Fontastic. Tai visiškai nemokama ir be skelbimų. Pirmas žingsnis - užsiregistruoti paslaugos svetainėje. Eikite į svetainę fontastic.me, įvesties laukuose įveskite savo el. Pašto adresą ir sukurkite slaptažodį, tada spustelėkite didelį geltoną mygtuką „Sukurti savo piktogramos šriftą“. Kartais nutinka taip, kad nerodoma jokia informacija, patvirtinanti sėkmingą registraciją. Nesijaudinkite dėl to, pereikite prie kito žingsnio.

Registracija „Fontastic“tarnyboje
Registracija „Fontastic“tarnyboje

2 žingsnis

Dabar spustelėkite mygtuką "Prisijungti", esantį viršutiniame dešiniajame kampe. Atsidariusiame puslapyje dar kartą įveskite savo el. Pašto adresą ir slaptažodį, paspauskite mygtuką „Prisijungti“.

Palaukus kelias sekundes, atsidarys šriftų kūrimo iš piktogramų skydelis.

Įeikite į „Fontastic“valdymo skydą
Įeikite į „Fontastic“valdymo skydą

3 žingsnis

Čia yra didelis piktogramų pasirinkimas. Spustelėdami pelės mygtukus, kurie jums patinka, pasirinkite tiek piktogramų, kiek jums reikia. Viršuje po žodžio „PUBLISH“nurodomas pasirinktų piktogramų skaičius.

Vektorinių piktogramų pasirinkimas
Vektorinių piktogramų pasirinkimas

4 žingsnis

Jei neturite pakankamai piktogramų iš pateikto numerio, slinkite žemyn į puslapio apačią ir raskite mygtuką „Pridėti daugiau piktogramų“. Spustelėkite jį.

Pridedamos piktogramos
Pridedamos piktogramos

5 žingsnis

Bus atidarytas puslapis su papildomomis piktogramų paketais. Kai kurie iš jų yra mokami (pažymėti „Premium“ženklu), kiti yra nemokami. Norėdami suaktyvinti papildomas piktogramas, paspauskite mygtuką „AKTYVUOTI“ant pasirinktų paketų. Dabar jie bus rodomi bendrame prieinamų piktogramų sąraše, kai pereisite prie valdymo skydo pradžios spustelėdami mygtuką „Pagrindinis“viršutiniame meniu.

Pridedami piktogramų paketai
Pridedami piktogramų paketai

6 žingsnis

Jei jums reikia pridėti savo piktogramas, tada tame pačiame puslapyje viršuje dešinėje spustelėkite mygtuką „IMPORTUOTI IKONUS“. Dabar galite įkelti savo piktogramas. Atkreipkite dėmesį, kad palaikomas tik SVG vektorinis formatas.

Pridėkite savo vektorines piktogramas
Pridėkite savo vektorines piktogramas

7 žingsnis

Pasirinkę reikiamą skaičių piktogramų, paspauskite mygtuką „CUSTOMIZE“. Čia pamatysite visas pasirinktas piktogramas ir galėsite joms priskirti savavališkus klasių pavadinimus, kuriais remsitės CSS stiliais. Arba galite palikti numatytuosius pavadinimus, kuriuos sistema priskyrė piktogramoms.

Pasirinktų vektorinių piktogramų apžvalga
Pasirinktų vektorinių piktogramų apžvalga

8 žingsnis

Paspauskite mygtuką „PUBLISH“. Čia galite atsisiųsti sukurtą vektorinės piktogramos šriftą (mygtuką „ATSISIŲSTI“). Atsisiųskite tarnybos sukurtą šriftų archyvą į savo kompiuterį.

Įkeliama vektoriaus piktogramos šriftas
Įkeliama vektoriaus piktogramos šriftas

9 žingsnis

Atsisiųstame archyve yra CSS stiliaus failas, HTML failas su piktogramų klasių pavadinimais ir aplankas „šriftai“su šriftais. Šios piktogramos šriftą galima naudoti jūsų svetainėje.

Archyvas su piktogramos šriftu
Archyvas su piktogramos šriftu

10 žingsnis

Norėdami naudoti sukurtą piktogramos šriftą, turite atlikti šiuos veiksmus:

- išpakuokite archyvo turinį ir įkelkite į savo svetainę kataloge su stiliais;

- įterpkite nuorodą į CSS failą visų svetainės puslapių, kurie veiks su šia piktogramų šriftu, skyriuje HEAD;

- puslapio kode mes naudojame anksčiau sukurtų klasių pavadinimą, norėdami naudoti naujai sukurtą piktogramos šriftą.

Rekomenduojamas: