Cum de a adăuga tipografie minunată în WordPress cu Typekit

Te-ai intrebat vreodata cum designerii sunt capabili sa foloseasca fonturi web personalizate pe site-urile lor? Adesea, ele adaugă fonturi personalizate în WordPress utilizând Tipkit, un serviciu Adobe care vă oferă acces la fonturi de înaltă calitate. În acest articol, vă vom arăta cum să adăugați fonturile Typekit în WordPress pentru a vă îmbunătăți tipografia.

De ce să folosiți fonturi tip tip?

Typekit este un serviciu popular de scriere bazat pe abonament, care vă poate economisi mulți bani. În loc să plătiți pentru licențe individuale de fonturi, care pot deveni destul de scumpe, puteți accesa întreaga lor bibliotecă de sute de fonturi gratuit sau pentru o rată fixă ​​anuală.

Biblioteca Typekit este o colecție masivă de peste 1000 de fonturi. Unele dintre cele mai frumoase fonturi pe care le puteți găsi pe web sunt disponibile prin intermediul serviciului Tipkit, un serviciu Adobe.

Planul gratuit de bază vine cu acces la 230 de fonturi și puteți utiliza gratuit 2 familii de fonturi pe un singur site web. Alte planuri încep de la 49,99 dolari la 99,99 dolari pe an.

Aceste fonturi excelente Typekit pot fi ușor adăugate pe orice site web fără a încetini viteza de încărcare a paginii. Fonturile sunt difuzate de CDN-ul Adobe și se încarcă la viteze mult mai mari decât dacă le-ați gazdui pe propriul site.

Typekit pentru WordPress Video Tutorial

Dacă nu vă place videoclipul sau aveți nevoie de mai multe instrucțiuni, puteți continua să citiți mai jos.

De ce să folosiți fonturi personalizate pe WordPress?

Tipografia joacă un rol crucial în designul site-ului dvs..

Alegerea fonturilor corecte vă va comunica în mod clar personalitatea și mesajul cititorilor dvs. Nu contează ce fel de imagine doriți să portretizezi - profesionist, prietenos, casual, cu experiență - fonturile de pe site-ul dvs. pot ajuta la proiectarea imaginii potrivite.

Folosind setul corect de fonturi, puteți lăsa o impresie de durată. În loc să arătați ca orice alt site de pe web, textul dvs. pare considerabil diferit. Selectarea fontului adecvat pentru site-ul dvs. WordPress poate face ca site-ul dumneavoastră să meargă dintr-un design simplu la o lucrare estetică plăcută și uimitoare.

Fonturile web personalizate pot:

• crește ratele de conversie
• reduceți rata de respingere a site-ului
• crește timpul petrecut pe site-ul dvs.
• crea o experiență memorabilă pentru utilizatori

Sunteți gata să începeți cu fonturile Typekit? Iată cum să utilizați Tipul pentru a personaliza designul WordPress.

Cum să începeți cu tipul de tip

Mai întâi va trebui să creați un cont Typekit. Pentru a face acest lucru, vizitați Tipul.com pentru a compara planurile disponibile.

Va trebui să alegeți planul pentru care doriți să vă înscrieți. Planul gratuit vă limitează la un singur site web și include accesul la fonturi limitate. Poate doriți să începeți cu planul gratuit pentru al încerca și apoi să faceți upgrade ulterior. Actualizarea vă oferă o bibliotecă mai mare de fonturi și le puteți utiliza pe mai multe site-uri web.

Următorul pas este crearea unui kit. Kitul vă permite să creați o anumită bibliotecă de fonturi și setări pentru site-ul dvs., astfel încât Typekit să încarce numai fișierele și codul necesar. Pentru a crea setul, adăugați numele site-ului dvs. și numele domeniului, apoi faceți clic pe Continua.

După ce ați terminat completarea informațiilor pentru kit-ul dvs., Typekit vă va oferi un pic de cod JavaScript pentru a adăuga pe site-ul dvs. Puteți copia și lipi acest cod într-un editor de text, cum ar fi Notepad, pentru al salva deocamdată. Îl vom adăuga pe site-ul dvs. în pasul următor al acestui tutorial.

Deocamdată, puteți începe să alegeți fonturile. Puteți să răsfoiți biblioteca de fonturi și să filtrați opțiunile cum ar fi clasificarea, greutatea, lățimea, x-înălțimea și multe altele.

Când vedeți un font care vă place, puteți să faceți clic pe el pentru mai multe detalii și exemple. Dacă doriți să îl adăugați la kitul dvs. web, faceți clic pe Utilizare Web: Adăugați la Kit pe partea dreaptă.

Acest lucru va aduce un pop-up în care trebuie să adăugați fontul pe care l-ați selectat în kitul pe care tocmai l-ați creat.

Acum puteți face clic pe Publica pentru a salva modificările în kit.

Asta e tot! Setul de fonturi este acum gata de utilizare.

Adăugarea tipurilor de fonturi în WordPress

Cel mai simplu mod de a adăuga noile fonturi web personalizate pe blogul dvs. WordPress este prin utilizarea unui plugin WordPress Typekit.

Vă recomandăm pluginul Typekit Fonts for WordPress. După instalarea și activarea pluginului, puteți vizita Setări "Tipuri de fonturi pentru a configura pluginul.

Mai întâi va trebui să inserați codul JavaScript pe care l-ați salvat mai devreme în câmpul de cod embed Code Typekit. După aceasta, puteți adăuga selectori CSS pentru a specifica unde doriți să utilizați fontul de pe site-ul dvs..

În captura de ecran de mai sus am adăugat fontul la h1.site-titlu Selector CSS.

Tema WordPress poate folosi diferite clase pentru diferite elemente. Va trebui să utilizați instrumentul Inspect Element în browserul dvs. web pentru a afla acele clase CSS. S-ar putea să doriți, de asemenea, pentru a verifica noastre WordPress generate CSS cheat foaie pentru începători pentru a vă ajuta să începeți.

Asta e tot! Sperăm că acest articol v-a ajutat să învățați cum să adăugați o tipografie minunată în WordPress cu Typekit. De asemenea, puteți să vă uitați la ghidul nostru despre cum să adăugați fonturi web Google în teme dvs. WordPress.

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Facebook.