Kā Izveidot Savu Ikonas Fontu

Satura rādītājs:

Kā Izveidot Savu Ikonas Fontu
Kā Izveidot Savu Ikonas Fontu

Video: Kā Izveidot Savu Ikonas Fontu

Video: Kā Izveidot Savu Ikonas Fontu
Video: Топ 5 скрытых полезных программ Windows 10 2024, Novembris
Anonim

Iepriekš, veidojot vietnes, bija jāizmanto bitu karšu ikonas. Tas bija skaisti, bet neērti dažādu iemeslu dēļ. Mūsdienās vektoru ikonas ir aizstājušas rastra ikonas. Tas ir oriģināls un elegants risinājums, kas rotās un atsvaidzinās jūsu vietni.

Ikonas fontu piemērs
Ikonas fontu piemērs

Instrukcijas

1. solis

Fontu izveidošanai no ikonām ir labs tīmekļa pakalpojums. To sauc par Fontastic. Tas ir pilnīgi bez maksas, un tajā nav reklāmu. Pirmais solis ir reģistrēties servisa vietnē. Dodieties uz vietni fontastic.me, ievades laukos ievadiet savu e-pasta adresi un izveidojiet paroli, pēc tam noklikšķiniet uz lielās dzeltenās pogas "Izveidot ikonas fontu". Dažreiz gadās, ka netiek parādīta informācija, kas apstiprina veiksmīgu reģistrāciju. Neuztraucieties par to, pārejiet pie nākamā soļa.

Reģistrēšanās pakalpojumā Fontastic
Reģistrēšanās pakalpojumā Fontastic

2. solis

Tagad noklikšķiniet uz pogas "Pieteikties", kas atrodas augšējā labajā stūrī. Atvērtajā lapā vēlreiz ievadiet savu e-pastu un paroli, nospiediet pogu "Pieteikties".

Pēc dažu sekunžu gaidīšanas tiks atvērts panelis fontu izveidei no ikonām.

Ievadiet vadības paneli Fontastic
Ievadiet vadības paneli Fontastic

3. solis

Šeit ir liela ikonu izvēle. Noklikšķinot uz ikonām, kuras jums patīk ar peli, atlasiet tik daudz ikonu, cik nepieciešams. Augšdaļā aiz vārda "PUBLISH" tiek norādīts izvēlēto ikonu skaits.

Vektoru ikonu izvēle
Vektoru ikonu izvēle

4. solis

Ja jums nav pietiekami daudz ikonu no uzrādītā numura, ritiniet uz leju līdz lapas apakšai un atrodiet pogu ar tekstu “Pievienot citas ikonas”. Noklikšķiniet uz tā.

Ikonu pievienošana
Ikonu pievienošana

5. solis

Tiks atvērta lapa ar papildu ikonu pakotnēm. Daži no tiem ir apmaksāti (ar norādi “Premium”), citi ir bez maksas. Lai aktivizētu papildu ikonas, nospiediet pogu "AKTIVĒT" uz izvēlētajiem iepakojumiem. Tagad, kad sākat sākt darbu ar vadības paneli, tie tiks parādīti vispārējā pieejamo ikonu sarakstā, augšējā izvēlnē noklikšķinot uz pogas "Sākums".

Notiek ikonu paku pievienošana
Notiek ikonu paku pievienošana

6. solis

Ja jums jāpievieno savas ikonas, tajā pašā lapā augšējā labajā stūrī noklikšķiniet uz pogas "IMPORTĒT IKONAS". Tagad jūs varat augšupielādēt savas ikonas. Lūdzu, ņemiet vērā, ka tiek atbalstīts tikai SVG vektora formāts.

Pievienojiet mūsu pašu vektoru ikonas
Pievienojiet mūsu pašu vektoru ikonas

7. solis

Kad esat izvēlējies vajadzīgo ikonu skaitu, nospiediet pogu “Pielāgot”. Šeit jūs redzēsiet visas atlasītās ikonas un tām varēsit piešķirt patvaļīgus klašu nosaukumus, pēc kuriem jūs atsauksieties uz tiem CSS stilos. Vai arī jūs varat atstāt noklusējuma nosaukumus, kurus sistēma ir piešķīrusi ikonām.

Pārskats par atlasītajām vektoru ikonām
Pārskats par atlasītajām vektoru ikonām

8. solis

Nospiediet pogu PUBLISH. Šeit jūs varat lejupielādēt izveidoto vektora ikonas fontu (poga "LEJUPIELĀDĒT"). Lejupielādējiet datorā pakalpojuma izveidoto fontu arhīvu.

Notiek vektora ikonas fonta ielāde
Notiek vektora ikonas fonta ielāde

9. solis

Lejupielādētajā arhīvā ir CSS stila fails, HTML fails ar ikonu klašu nosaukumiem un mape "fonti" ar fontiem. Šo ikonas fontu var izmantot jūsu vietnē.

Arhīvs ar ikonas fontu
Arhīvs ar ikonas fontu

10. solis

Lai izmantotu izveidoto ikonas fontu, jums jāveic šādas darbības:

- izpakojiet arhīva saturu un augšupielādējiet savā vietnē direktorijā ar stiliem;

- ievietojiet saiti uz CSS failu visu vietņu lapu sadaļā HEAD, kas darbosies ar šo ikonu fontu;

- lapas kodā mēs izmantojam iepriekš izveidoto klašu nosaukumu, lai izmantotu jaunizveidoto ikonu fontu.

Ieteicams: