Si Të Krijoni Fontin Tuaj Të Ikonës

Përmbajtje:

Si Të Krijoni Fontin Tuaj Të Ikonës
Si Të Krijoni Fontin Tuaj Të Ikonës

Video: Si Të Krijoni Fontin Tuaj Të Ikonës

Video: Si Të Krijoni Fontin Tuaj Të Ikonës
Video: Si te krijoni nje website FALAS dhe THJESHTE? 2024, Nëntor
Anonim

Më parë, kur krijonit faqe, ju duhej të përdorni ikona bitmap. Ishte e bukur, por e papërshtatshme për një larmi arsyesh. Sot, ikonat vektoriale kanë zëvendësuar ikonat raster. Kjo është një zgjidhje origjinale dhe elegante që do të dekoroj dhe rifreskoni faqen tuaj.

Shembull i shkronjës së ikonës
Shembull i shkronjës së ikonës

Udhëzimet

Hapi 1

Ekziston një shërbim i mirë në internet për krijimin e shkronjave nga ikonat. Quhet Fontastik. Completelyshtë plotësisht falas dhe nuk ka reklama. Hapi i parë është të regjistroheni në faqen e internetit të shërbimit. Shkoni në faqen e internetit fontastic.me, futni adresën tuaj të postës elektronike në fushat e hyrjes dhe krijoni një fjalëkalim, pastaj klikoni në butonin e madh të verdhë "Krijoni Fontin tuaj të Ikonit". Ndonjëherë ndodh që nuk shfaqet asnjë informacion që konfirmon regjistrimin e suksesshëm. Mos u shqetëso për këtë, kalo në hapin tjetër.

Regjistrimi në shërbimin Fontastic
Regjistrimi në shërbimin Fontastic

Hapi 2

Tani klikoni në butonin "Login" që ndodhet në këndin e sipërm të djathtë. Në faqen që hapet, futni përsëri e-mailin dhe fjalëkalimin tuaj, shtypni butonin "Login".

Pasi të keni pritur disa sekonda, paneli për krijimin e shkronjave nga ikonat do të hapet.

Hyni në panelin e kontrollit Fontastic
Hyni në panelin e kontrollit Fontastic

Hapi 3

Këtu është një përzgjedhje e madhe e ikonave. Duke klikuar në ikonat që ju pëlqen me miun, zgjidhni aq ikona sa ju nevojiten. Në krye, pas fjalës "PUBLISH", tregohet numri i ikonave të zgjedhura.

Zgjedhja e ikonave vektoriale
Zgjedhja e ikonave vektoriale

Hapi 4

Nëse nuk keni mjaft ikona nga numri i paraqitur, lëvizni poshtë në fund të faqes dhe gjeni butonin që thotë "Shto më shumë ikona". Klikoni mbi të.

Shtimi i ikonave
Shtimi i ikonave

Hapi 5

Do të hapet një faqe me paketa ikonash shtesë. Disa prej tyre paguhen (etiketuar "Premium"), disa janë falas. Për të aktivizuar ikona shtesë, shtypni butonin "AKTIVITO" në paketat e zgjedhura. Tani ato do të shfaqen në listën e përgjithshme të ikonave të disponueshme kur të filloni me panelin e kontrollit duke klikuar në butonin "Home" në menunë e sipërme.

Shtimi i paketave të ikonave
Shtimi i paketave të ikonave

Hapi 6

Nëse keni nevojë të shtoni ikonat tuaja, atëherë në të njëjtën faqe në të djathtë, klikoni në butonin "IMPORT IKONA". Tani mund të ngarkoni ikonat tuaja. Ju lutem vini re se vetëm formati vektorial SVG mbështetet.

Shtoni ikonat tona vektoriale
Shtoni ikonat tona vektoriale

Hapi 7

Pasi të keni zgjedhur numrin e duhur të ikonave, shtypni butonin "CUSTOMIZE". Këtu do të shihni të gjitha ikonat e zgjedhura, dhe mund t'u caktoni atyre emra arbitrar të klasave, me anë të të cilave do t'u referoheni atyre në stilet CSS. Ose mund të lini emrat e paracaktuar që sistemi u ka caktuar ikonave.

Përmbledhje e ikonave të zgjedhura të vektorit
Përmbledhje e ikonave të zgjedhura të vektorit

Hapi 8

Shtypni butonin "PUBLISH". Këtu mund të shkarkoni fontin e krijuar të ikonës vektoriale (butoni "SHKARKO"). Shkarkoni arkivin e shkronjave të krijuar nga shërbimi në kompjuterin tuaj.

Po ngarkon fontin e ikonës vektoriale
Po ngarkon fontin e ikonës vektoriale

Hapi 9

Arkivi i shkarkuar përmban skedarin e stilit CSS, skedarin HTML me emrat e klasave të ikonave dhe dosjen "fonts" me gërmat. Kjo font ikonë mund të përdoret në faqen tuaj të internetit.

Arkivoni me shkronjën e ikonës
Arkivoni me shkronjën e ikonës

Hapi 10

Për të përdorur fontin e ikonës së krijuar, duhet të bëni sa më poshtë:

- shpaketoni përmbajtjen e arkivit dhe ngarkoni në faqen tuaj në direktori me stile;

- futni një lidhje në një skedar CSS në seksionin HEAD të të gjitha faqeve të faqeve që do të punojnë me këtë font ikonë;

- në kodin e faqes, ne përdorim emrin e klasave të krijuara më parë për të përdorur fontin e ikonës së sapo krijuar.

Recommended: