Anterior, când creați site-uri, trebuia să utilizați pictograme bitmap. A fost frumos, dar incomod din mai multe motive. Astăzi, pictogramele vectoriale au înlocuit pictogramele raster. Aceasta este o soluție originală și elegantă care vă va decora și reîmprospăta site-ul.
Instrucțiuni
Pasul 1
Există un serviciu web bun pentru crearea fonturilor din pictograme. Se numește Fontastic. Este complet gratuit și nu are reclame. Primul pas este să vă înregistrați pe site-ul web al serviciului. Accesați site-ul fontastic.me, introduceți adresa de e-mail în câmpurile de introducere și creați o parolă, apoi faceți clic pe butonul galben mare „Creați-vă fontul de pictogramă”. Uneori se întâmplă să nu fie afișate informații care să confirme înregistrarea cu succes. Nu vă faceți griji, treceți la pasul următor.
Pasul 2
Acum faceți clic pe butonul „Autentificare” situat în colțul din dreapta sus. Pe pagina care se deschide, introduceți din nou e-mailul și parola, apăsați butonul „Autentificare”.
După ce așteptați câteva secunde, se va deschide panoul pentru crearea fonturilor din pictograme.
Pasul 3
Iată o selecție largă de icoane. Dând clic pe pictogramele care vă plac cu mouse-ul, selectați câte pictograme aveți nevoie. În partea de sus, după cuvântul „PUBLICARE”, este indicat numărul de pictograme selectate.
Pasul 4
Dacă nu aveți suficiente pictograme din numărul prezentat, derulați în jos până la partea de jos a paginii și găsiți butonul care scrie „Adăugați mai multe pictograme”. Apasa pe el.
Pasul 5
Se va deschide o pagină cu pachete de pictograme suplimentare. Unele dintre ele sunt plătite (etichetate „Premium”), altele sunt gratuite. Pentru a activa pictograme suplimentare, apăsați butonul „ACTIVARE” de pe pachetele selectate. Acum acestea vor apărea în lista generală a pictogramelor disponibile atunci când începeți să începeți cu panoul de control făcând clic pe butonul „Acasă” din meniul de sus.
Pasul 6
Dacă trebuie să adăugați propriile pictograme, atunci pe aceeași pagină din dreapta sus, faceți clic pe butonul „IMPORT ICONS”. Acum puteți încărca propriile pictograme. Vă rugăm să rețineți că este acceptat doar formatul vector SVG.
Pasul 7
După ce ați selectat numărul necesar de pictograme, apăsați butonul „PERSONALIZA”. Aici veți vedea toate pictogramele selectate și le puteți atribui nume de clase arbitrare, prin care vă veți referi la ele în stiluri CSS. Sau puteți lăsa numele implicite pe care sistemul le-a atribuit pictogramelor.
Pasul 8
Apăsați butonul „PUBLICARE”. Aici puteți descărca fontul pictogramei vector create (butonul „DESCĂRCARE”). Descărcați pe computer arhiva de fonturi creată de serviciu.
Pasul 9
Arhiva descărcată conține fișierul stil CSS, fișierul HTML cu numele claselor de pictograme și folderul „fonturi” cu fonturile. Acest font pictogramă poate fi utilizat pe site-ul dvs. web.
Pasul 10
Pentru a utiliza fontul pictogramă creat, trebuie să faceți următoarele:
- despachetați conținutul arhivei și încărcați pe site-ul dvs. în director cu stiluri;
- introduceți un link către un fișier CSS în secțiunea HEAD a tuturor paginilor site-ului care vor funcționa cu acest font pictogramă;
- în codul paginii, folosim numele claselor create anterior pentru a utiliza fontul pictogramei nou creat.
