Puteţi aduce diverse modificări site-ului dvs. Webgarden, incluzând chiar și editarea stilului tipografic. Este posibil să schimbaţi culoarea, mărimea și spaţierea dintre litere, precum și fontul folosit. Dacă fonturile de bază oferite de Webgarden nu vă sunt suficiente, puteţi alege dintre sutele de opţiuni disponibile pe Google Fonts. Astăzi vă vom arăta cum puteţi folosi fonturile Google pe propriul dvs. site web.
Mergeţi la www.google.com/fonts și alegeţi fontul care vă place. Apoi faceţi clic pe butonul “Quick-Use”, care este butonul central din cele trei aflate în stânga butonului albastru “Add to Collection”.
gfonts00.png
Primul pas este “Choose the styles you want” (Alegeţi stilul dorit). Alegeţi doar stilurile pe care intenţionaţi să le folosiţi. Cu cât alegeţi mai multe stiluri, cu atât mai mult timp va fi necesar pentru încărcarea site-ului web. În mod normal, sunt necesare doar Normal 400, Bold 700 și combinaţiile lor conţinând caractere cursive . După ce aţi realizat alegerea, defilaţi în jos pentru următorul pas.
gfonts01.png
Cel de-al doilea pas se numește “Choose the character sets you want” (Alegeţi seturile de caractere dorite). Puteţi selecta mai multe căsuţe dacă doriţi să folosiţi diacritice (Latin Extended) ori un alfabet diferit ( de ex. cel chirilic). În cazul nostru, am selectat opţiunea “Latin”.
gfonts02.png
Pentru cel de-al treilea pas, numit “Add this code to your website” (Adăugaţi acest cod la site-ul dvs. web), selectaţi tab-ul @import și copiaţi textul ce apare afișat (apăsând simultan ctrl și C).
gfonts03.jpg
Apoi, în pagina de administrare a Webgarden, mergeţi la Design -> Editare CSS. Nu ștergeţi niciun text deja existent. Copiaţi codul font-ului Google în prima linie (apăsând ctrl + V) și salvaţi.
gfonts_1.png
În pasul patru de pe pagina web a Google Fonts veţi găsi numele noului font scris între ghilimele, precum în imaginea de mai jos, pe care va trebui să-l copiaţi (incluzând ghilimelele).
gfonts_2.jpg
Mai apoi, în Editare CSS, mergeţi la secţiunea Body, unde în rândul Font-Family veţi vedea fontul folosit în prezent. Doar primul font menţionat va trebui înlocuit. În exemplul de mai jos, acest font este Arial.
gfonts_3.png
Ștergeţi Arial și înlocuiţi-l cu numele noului font în ghilimele (‘Dancing Script’). Acum verificaţi întregul document și înlocuiţi Arial cu ‘Dancing Script în toate locurile unde îl observaţi. Acest pas va schimba fontul.
gfonts_4.png
Salvaţi schimbările. De acum, când veţi deschide site-ul web veţi vedea noul font. Dacă întâmpinaţi orice fel de probleme cu noul font inserat, suntem la dispoziţia dvs. pentru a vă oferi ajutor la support@webgarden.ro.
01/13/2015 21:13:48
info
Name
Email
Comment
Or visit this link or this one