Doriți să adăugați fonturi personalizate în WordPress? Fonturile personalizate îmbunătățesc tipografia și experiența utilizatorului site-ului dvs. web, permițându-vă să utilizați o gamă diversă de fonturi frumoase.
La WPBeginner, am adăugat fonturi personalizate pe multe dintre site-urile partenere, așa că știm cât de mult pot îmbunătăți aspectul vizual al unui site.
Pe lângă aspectul plăcut, fonturile personalizate vă pot ajuta, de asemenea, să îmbunătățiți lizibilitatea, să creați o imagine de marcă și să creșteți timpul petrecut de utilizatori pe site-ul dvs. WordPress.
În acest articol, vă vom arăta cum să adăugați fonturi personalizate în WordPress folosind Google Fonts, TypeKit și metoda CSS3 @Font-Face.
Notă: Încărcarea prea multor fonturi poate încetini site-ul dvs. web. Vă recomandăm să alegeți două fonturi și să le utilizați pe tot site-ul dvs. web. De asemenea, vă vom arăta cum să le încărcați corect, fără a încetini site-ul dvs. web.
Înainte de a vedea cum să adăugăm fonturi personalizate în WordPress, să aruncăm o privire la găsirea fonturilor personalizate pe care le poți folosi.
Cum să găsești fonturi personalizate pentru a le folosi în WordPress
Fonturile erau odată scumpe, dar nu mai sunt. Există multe locuri unde puteți găsi fonturi web gratuite excelente, cum ar fi Google Fonts, Adobe Fonts (fostul Typekit), FontSquirrel și fonts.com.
Dacă nu știți cum să combinați fonturile, atunci încercați Font Pair. Ajută designerii să combine fonturi Google frumoase.
Pe măsură ce alegeți fonturile, amintiți-vă că utilizarea prea multor fonturi personalizate va încetini site-ul dvs. web. Acesta este motivul pentru care ar trebui să selectați două fonturi și să le utilizați pe tot parcursul designului. Acest lucru va aduce, de asemenea, consistență designului dvs. WordPress.
Acestea fiind spuse, să vedem cum să adăugăm fonturi personalizate în WordPress. Acesta este ceea ce vom acoperi în acest tutorial:
- Adăugarea de fonturi personalizate în WordPress din Google Fonts
- Adăugarea de fonturi personalizate în WordPress folosind Adobe Fonts
- Adăugarea de fonturi personalizate în WordPress folosind CSS3 @font-face
Adăugarea de fonturi personalizate în WordPress din Google Fonts
Google Fonts este cea mai mare, gratuită și cea mai frecvent utilizată bibliotecă de fonturi în rândul dezvoltatorilor de site-uri web. Există mai multe moduri în care poți adăuga și utiliza Google Fonts în WordPress.
Metoda 1: Adăugarea fonturilor Google folosind un plugin WordPress
Dacă doriți să adăugați și să utilizați Google Fonts pe site-ul dvs., atunci această metodă este, de departe, cea mai ușoară și recomandată pentru începători.
Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Google Fonts Typography. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
Ofertă: Dacă doriți să obțineți versiunea premium a pluginului, asigurați-vă că folosiți cuponul nostru Google Fonts pentru WordPress pentru o reducere de 20%. Acest lucru vă va permite să schimbați culoarea și dimensiunea fontului în tema dvs. WordPress și multe altele.
La activare, veți avea oportunitatea de a introduce adresa dvs. de e-mail pentru a primi ghidul oficial Quickstart.
Apoi, va trebui să faceți clic pe Plugin Fonturi » Personalizați Fonturi în bara laterală de administrare.
Acest lucru te va duce automat la personalizatorul de teme WordPress și va deschide automat secțiunea nouă „Plugin Fonts”.
Aici, puteți alege fonturile implicite pentru site-ul dvs. în secțiunea „Setări de bază” și fonturile pentru părțile specifice ale site-ului dvs. în secțiunea „Setări avansate”.
Să începem prin a face clic pe „Setări de bază”. De aici, puteți selecta fonturile pentru conținut, anteturi, butoane și câmpuri.
Meniurile derulante „Font Family” vă permit să alegeți un font nou. Veți găsi fontul implicit în partea de sus, apoi fonturile de sistem și, în final, o listă uriașă de peste 1455 de fonturi Google.
Când alegeți un font nou, previzualizarea se va schimba automat pentru a vă arăta cum arată.
Acum, puteți utiliza setările avansate ale pluginului pentru a ajusta selecțiile de fonturi.
Va trebui să faceți clic pe butonul săgeată înapoi „<” din stânga sus a paginii și apoi să faceți clic pe secțiunea „Setări avansate”.
Aici veți găsi setări pentru diferitele secțiuni ale site-ului dvs. web, cum ar fi titlul site-ului, meniul de navigare, zona de conținut, bara laterală și subsolul.
De exemplu, secțiunea „Conținut” vă va oferi opțiuni pentru a schimba fontul diferitelor niveluri de antet și citate.
Puteți selecta fonturile personalizate pe care doriți să le utilizați din meniurile derulante.
Puteți alege fonturi personalizate pentru zona barei laterale într-un mod similar.
Pur și simplu faceți clic pe butonul înapoi și introduceți setările 'Sidebar'. Acolo veți găsi meniuri derulante pentru a selecta fonturi pentru anteturile și conținutul barei laterale.
Când sunteți mulțumit de selecțiile dvs. de fonturi personalizate, nu uitați să faceți clic pe butonul „Publicare” pentru a salva modificările.
Metoda 2: Adăugarea manuală a fonturilor Google în WordPress
Această metodă necesită adăugarea de cod în fișierele temei WordPress. Dacă nu ați mai făcut acest lucru înainte, consultați ghidul nostru despre cum să copiați și lipiți cod în WordPress.
Mai întâi, vizitați biblioteca Google Fonts și selectați un font pe care doriți să îl utilizați. Pe pagina fontului, veți vedea stilurile disponibile pentru acel font.
Selectați stilurile pe care doriți să le utilizați în proiectul dvs. și apoi faceți clic pe butonul „Vizualizați familiile selectate” din partea de sus.
Aceasta va deschide o bară laterală unde puteți copia codul de încorporare.
Există două moduri în care poți adăuga acest cod pe site-ul tău WordPress.
Mai întâi, puteți edita fișierul header.php al temei dvs. și puteți lipi codul înainte de tag-ul <body>.
Cu toate acestea, dacă nu sunteți familiarizat cu editarea codului în WordPress, puteți folosi un plugin pentru a adăuga cu ușurință acest cod.
Pur și simplu instalați și activați pluginul WPCode. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
După activare, accesați pagina Code Snippets » Header & Footer și lipiți codul de încorporare în caseta „Header”.
Nu uitați să faceți clic pe butonul „Salvează modificările” pentru a salva modificările. Pluginul va începe acum să încarce codul de încorporare Google Font pe toate paginile site-ului dvs. web.
Puteți folosi acest font în foaia de stil a temei dvs. astfel:
.h1 site-title {
font-family: 'Open Sans', Arial, sans-serif;
}
Pentru a afla mai multe, consultați ghidul nostru despre cum să adăugați fonturi Google în temele WordPress.
Adăugarea de fonturi personalizate în WordPress folosind Adobe Fonts
Adobe Fonts, cunoscut anterior sub numele de Typekit, este o altă resursă gratuită și premium pentru fonturi grozave pe care le poți folosi în proiectele tale de design. Au un abonament plătit, precum și un plan gratuit limitat pe care îl poți folosi.
Pur și simplu înscrieți-vă pentru un cont Adobe Fonts și vizitați secțiunea „Browse Fonts”. De aici, trebuie să faceți clic pe butonul </> pentru a selecta un font și a crea un proiect.
Apoi, veți vedea codul de încorporare cu ID-ul proiectului dvs. Acesta vă va arăta, de asemenea, cum să utilizați fontul în CSS-ul temei dvs.
Trebuie să copiați acest cod și să-l lipiți în secțiunea <head> a site-ului dvs. web.
Există două moduri în care poți adăuga acest cod pe site-ul tău WordPress.
Mai întâi, puteți edita fișierul header.php al temei dvs. și puteți lipi codul înainte de tag-ul <body>.
Cu toate acestea, dacă nu sunteți familiarizat cu editarea codului în WordPress, puteți folosi un plugin pentru a adăuga acest cod. Pur și simplu instalați și activați pluginul gratuit WPCode.
După activare, accesați pagina Snippets de cod » Antet și subsol și lipiți codul de încorporare în caseta „Antet”. Apoi, faceți clic pe butonul „Salvare modificări”.
Acesta este tot. Acum puteți utiliza fontul Typekit selectat în foaia de stil a temei dvs. WordPress, astfel:
h1 .site-title {
font-family: gilbert, sans-serif;
}
Pentru instrucțiuni mai detaliate, consultați tutorialul nostru despre cum să adăugați tipografie grozavă în WordPress folosind Adobe Font (Typekit).
Adăugarea de fonturi personalizate în WordPress folosind CSS3 @font-face
Cea mai directă modalitate de a adăuga fonturi personalizate în WordPress este prin adăugarea fonturilor folosind metoda CSS3 @font-face. Această metodă vă permite să utilizați orice font doriți pe site-ul dvs. web.
Mai întâi, trebuie să descărcați fontul care vă place într-un format web. Dacă nu aveți formatul web pentru fontul dvs., atunci îl puteți converti folosind Generatorul de fonturi web FontSquirrel.
Odată ce aveți fișierele de fonturi web, va trebui să le încărcați pe serverul dvs. de hosting WordPress. Cel mai bun loc pentru a încărca fonturile este într-un nou folder "fonts" din directorul temei dvs. sau al temei copil.
Puteți folosi FTP sau Managerul de fișiere al cPanel-ului dvs. pentru a încărca fontul.
După ce ați încărcat fontul, trebuie să încărcați fontul în foaia de stil a temei dvs. folosind regula CSS3 @font-face, astfel:
@font-face {
font-family: Arvo;
src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf);
font-weight: normal;
}
Nu uitați să înlocuiți familia de fonturi și URL-ul cu ale dvs.
După aceea, puteți utiliza acel font oriunde în foaia de stil a temei dvs., astfel:
.h1 site-title {
font-family: "Arvo", Arial, sans-serif;
}
Încărcarea directă a fonturilor folosind CSS3 @font-face nu este întotdeauna cea mai bună soluție. De exemplu, dacă folosești un font de la Google Fonts sau Typekit, atunci este cel mai bine să servești fontul direct de pe serverul lor pentru o performanță optimă.
Sperăm că acest tutorial v-a ajutat să învățați cum să adăugați fonturi personalizate în WordPress. De asemenea, ați putea dori să învățați cum să personalizați culorile pe site-ul dvs. WordPress sau să consultați lista noastră cu cele mai bune constructori de pagini WordPress drag and drop.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.
Dennis Muthomi
Am folosit pluginul Google Fonts Typography menționat în Metoda 1 pentru clienții mei și a fost o salvare. Un aspect de luat în considerare ar putea fi impactul vitezei de încărcare a site-ului dvs. Alegerea unui subset al fontului (de exemplu, doar caractere latine) poate face o mare diferență în timpii de încărcare, obținând în același timp aspectul dorit.
Comentarii WPBeginner
Viteza de randare ar fi aceeași în ambele cazuri.
Kushal Phalak
Nu pot renunța la fonturile personalizate. Este ca și cum ceva se simte incomplet dacă nu folosesc un font personalizat. Ca designer și dezvoltator, vreau ca brandurile mele să fie atent create, deoarece acesta este cel mai important pas, iar dacă folosesc orice font, nu se simte bine. Știu că unele fonturi implicite sunt bune, dar nu găsesc suficientă varietate în ele. În WordPress, cred că această funcție ar trebui să fie încorporată, deoarece va economisi efortul suplimentar de a adăuga fonturi personalizate.
Suport WPBeginner
It would depend on the theme but maybe in the future there will be an easier way
Admin
Jiří Vaněk
Mulțumesc pentru articolul util. Limba noastră are anumite specificități și caracteristici. Limba cehă folosește litere precum ěščřž. Uneori este foarte problematic să găsești un font care să țină cont de aceste caractere și să nu le afișeze diferit. De aceea vă mulțumesc pentru acest ghid, care mă va ajuta în sfârșit să rezolv eterna problemă a scrierii în limba cehă.
Jozef Fekete
As a Slovak I know exactly what you are talking about
In cases like this, it is advisable to use a filter to make searching for a suitable font easier. For example, look for fonts in the “Latin extended” category that support Czech and Slovak language.
Jiří Vaněk
Acesta este un sfat bun. Vă mulțumesc pentru el. Am deja urmărit câteva dintre litere. Cu toate acestea, unii clienți nu sunt mulțumiți de ele și doresc unul decorativ. Voi încerca sfatul dvs. de căutare.
Moinuddin Waheed
Există multe fonturi Google care sunt foarte bune și sunt folosite de mulți dezvoltatori de top.
Sunt fan al fonturilor Poppins și Roboto de ceva vreme și le-am folosit pe site-urile mele statice și, de asemenea, pe site-urile WordPress.
Am văzut oameni spunând că folosesc fonturi Google din biblioteca locală,
Nu știu ce înseamnă asta?
Ei susțin că încărcarea de pe server poate încetini viteza site-ului web.
Dacă este așa, cum putem adăuga aceste fonturi din propria noastră bibliotecă locală, având în vedere că acestea sunt fonturi Google?
Suport WPBeginner
Pluginul din ghidul nostru are o opțiune de a găzdui fișierul de font local. Când nu găzduiți fișierul local, înseamnă că utilizatorii dvs. ar trebui să aștepte ca fontul să fie preluat de la Google pentru a vedea acel font pe site-ul dvs.
Admin
Moinuddin Waheed
Mulțumesc pentru ghidul de păstrare a fonturilor local.
Faptul că trebuie să le preiei de la Google nu este o idee prea bună din punct de vedere al vitezei. Voi ține cont, în timp ce folosesc fonturi Google, să le păstrez local.
Jiří Vaněk
Dacă un font este utilizat local, înseamnă că este stocat pe web. Adică, pe FTP, la fel ca WordPress. Acest lucru se datorează faptului că, altfel, WordPress trebuie să acceseze serverele Google pentru fonturi, iar acest lucru încetinește răspunsul site-ului. În plus, se poate întâmpla ca serverele Google să fie lente în acel moment, iar acest lucru va afecta viteza. Dacă introduceți site-ul dvs. web într-un instrument de măsurare precum pagespeed insight sau gtmetrix, veți vedea cât timp poate dura încărcarea fonturilor de pe serverele Google. Prin urmare, este o practică obișnuită să încărcați fonturi local pe site, îmbunătățind atât receptivitatea site-ului, cât și metricile. Eu am procedat așa.
Ahmed Omar
Vă mulțumesc încă o dată pentru un articol util.
Ați ști de ce fontul meu se afișează corect pe laptop, dar nu pe telefonul mobil?
Suport WPBeginner
Cel mai probabil motiv ar fi dacă tema dvs. suprascrie stilurile pentru dispozitivele mobile. Dacă verificați cu suportul temei dvs., aceștia ar trebui să vă poată ajuta.
Admin
Brayden Fraser
Ar fi trebuit să spuneți că este necesar să fiți membru business Wordpress pentru a face acest lucru. Înșelător.
Suport WPBeginner
Tot conținutul nostru este pentru site-urile WordPress.org, dumneavoastră sunteți pe WordPress.com, puteți vedea comparația dintre cele două în articolul nostru de mai jos:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Admin
Tarun Kashyap
Ce font folosiți pe acest site? Arată foarte atractiv
Suport WPBeginner
We’re currently using Proxima Nova
Admin
Joshua
Poți, te rog, să-mi spui cum faci fotografii animate atât de frumoase pentru blogul tău? Ce software folosești?
Suport WPBeginner
There are multiple tools, for the moment you may want to take a look at Recordit for an option for creating a GIF
Admin
Manuel
Mulțumesc mult, încercam @font-face pe WordPress, dar fontul nu se afișa, așa că am urmat recomandările de a plasa fonturile în directorul temei și voila!
Suport WPBeginner
Glad our recommendation could help
Admin
Roshni Kanchan
Vă mulțumesc încă o dată pentru un articol util.
Ați ști de ce fontul meu se afișează corect pe laptop, dar nu pe telefonul mobil?
Suport WPBeginner
Tema dvs. specifică poate avea CSS specific dispozitivului care suprascrie fontul pe care l-ați adăugat. Dacă verificați cu suportul temei dvs., aceștia ar trebui să vă poată informa.
Admin
Vlad
Mulțumesc foarte mult!
Suport WPBeginner
You’re welcome
Admin
Katherine
Mulțumesc pentru acest videoclip simplu. Mi-am rezolvat fontul în câteva minute cu a doua metodă. Mi-ați economisit mult timp pierdut cu codul temei mele. Apreciez mult!
Suport WPBeginner
Salut Katherine,
Cu plăcere. Ne bucurăm că ați găsit-o utilă.
Admin
Sau
Hei, fontul meu nu este un font Google. L-am încărcat folosind font face, dar nu îl văd în personalizatorul temei mele. Aveți vreun sfat?
giri
Salut, am obținut o valoare imensă din postarea ta. Te rog, am 2 întrebări rapide.
1. Care este numărul de pluginuri pe care fiecare blogger nu ar trebui să-l depășească? Am instalate în prezent aproximativ 18, ai considera că acest număr este exagerat. Te rog, ai putea să-mi verifici și site-ul și să-mi oferi un
2. Fontul tău este cu adevărat frumos. Ai recomanda pluginuri care mi-ar oferi fonturi frumoase, la fel ca ale tale?
În final, ai avea câteva secunde
Suport WPBeginner
Salut Giri,
1. Te rugăm să vezi articolul nostru despre câte pluginuri WordPress ar trebui să instalezi pe site-ul tău.
2. Pentru fonturi, vă rugăm să consultați cele mai bune pluginuri de tipografie pentru WordPress.
Admin
Roshani
Am încărcat adrese URL pentru fonturi personalizate în font-face, dar apare eroarea 404 în instrumentele pentru dezvoltatori. Înainte de a încărca pagina web, afișează fonturi normale.
Vă rog să mă ajutați cu asta
Chamnan
Am o problemă cu fontul Khmer în timp ce folosesc Google Font. Problema este că unele dintre texte afișează simboluri.
ahmed aboubakr
mulțumesc pentru tutorialele dvs., chiar ajută și mulțumesc pentru efortul dvs. amabil
Fadl
Ok, lasă-mă să mă descurc... Am reușit să rezolv prin eliminarea codului @font-face din câmpul CSS personalizat
Amy
Acesta este cu adevărat cel mai bun ghid pentru adăugarea de fonturi pe care l-am găsit. Toate metodele sunt într-un singur loc și fiecare metodă este ușor de urmat. Am petrecut ultimele zile căutând pe internet încercând să aflu cum să adaug un font personalizat care nu era de pe Google sau Typekit, și în cele din urmă am găsit un ghid ușor de urmat. Mulțumesc!
Amber
Ok, am folosit Font Squirrel și am obținut kiturile @font-face. Le-am încărcat în tema mea pe Siteground. Apoi m-am asigurat că am schimbat URL-ul în WP Editor -> Fonts. Iată un exemplu a ceea ce am făcut:
@font-face { font-family: ‘walpurgis_nightregular’; src: url(‘www.example.com/public_html/themes/pique/fonts/walpurgisnight-regular-webfont.woff2’) format(‘woff2’), url(‘www.wanderlustconqueror.com/public_html/themes/pique/fonts/walpurgisnight-regular-webfont.woff’) format(‘woff’); font-weight: normal; font-style: normal;
}
Chiar și după ce am făcut acest lucru, fontul nu apare în secțiunea „Tipografie” a opțiunilor de personalizare. M-am gândit că poate ar trebui să-l adaug și la „Editorul CSS suplimentar”, așa că l-am pus și acolo. Nici asta nu a părut să funcționeze.
Vreau doar să pot folosi fontul meu pentru antetele mele. Ce fac greșit aici? Pentru ca acest tutorial să fie pentru începători, mă face să mă simt foarte prost. Îmi lipsește un pas? Există un tutorial mai bun, mai detaliat despre utilizarea opțiunii Font Face? Ajutor!
Suport WPBeginner
Salut Amber,
Nu suntem siguri. Vă rugăm să încercați să urmați pașii menționați mai sus încă o dată.
Admin
Dan
Am o problemă similară cu Amber. În ciuda faptului că am urmat instrucțiunile pas cu pas, fonturile mele tot nu se încarcă.
Folosesc o temă personalizată bazată pe tema twenty seventeen. Fișierul meu css se află la wp-content/themes/twentyseventeen-child. Aici am plasat și fonturile mele. În fișierul css am următoarele:
Totuși, site-ul meu încă nu afișează acest font! Ce fac greșit?
Syed Abbas Ali Shah
Am și eu o întrebare. Am încărcat fișierele .ttf în
publichtml/folder-name-of-web/wp-content/theme/font
și am adăugat numele fontului în fișierul stylesheet css al temei în editorul wordpress. Dar nu preia fontul.
Vă rog să-mi dați soluția
Raghava
Mulțumesc pentru informațiile valoroase. Am încercat și funcționează bine. Am folosit două fonturi de la Google, când folosesc site-ul Google Fonts, performanța este puțin lentă.
dacă puteți posta în detaliu cum să încărcați fonturi direct în WordPress, ar fi apreciat.
Thanks,
Raghava
Allix
Dacă vizualizez un „glif” prin Photoshop, care este un caracter special dintr-un font pe care l-am achiziționat – cum pot transfera acest glif în Photoshop?
Mulțumesc!
dsb
întrebări stupide, sunt sigur! Dar, în URL - unde scrie „tema ta”, aceasta trebuie înlocuită cu titlul temei noastre, corect? Sau lăsăm acea parte așa cum este?
De asemenea, pentru fonturile care au nume lungi, trebuie doar să lăsați spații între ele sau să adăugați semne + sau altceva?
de exemplu:
@font-face { font-family: Arvo example one; src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo example one-Regular.ttf); font-weight: normal; }1-click Use in WordPress
Mulțumesc mult
Suport WPBeginner
Salut dsb,
Da, va trebui să înlocuiți your-theme cu numele real al folderului temei dvs. Dacă ați încărcat fontul în directorul de fonturi al temei dvs. curente, atunci puteți vedea cum se numește fișierul fontului. sau Copiați numele fișierului și pur și simplu lipiți-l în CSS.
Admin
Vincent
„Cel mai bun loc pentru a încărca fonturile este într-un nou folder „fonts” din directorul temei sau al temei copil a dvs.”
De ce este acesta exact cel mai bun loc? Crearea unui child theme pentru un singur font este puțin enervantă, dar încărcarea lui în cadrul temei în sine înseamnă că ar putea dispărea atunci când tema are o actualizare, corect? Sau va fi în continuare în siguranță de asta, deoarece este tehnic un fișier nelegat?
Andrew
Probabil aș spune că este prostesc să nu ai o temă copil în general, indiferent pentru ce o folosești.
Și nu, nu ar fi sigur dacă tema dvs. ar primi o actualizare. Ar fi suprascrisă de actualizare.
DaVince
> Probabil aș spune că este prostesc să nu ai o temă copil în general, indiferent pentru ce o folosești.
De ce crezi asta? Ia în considerare cazul în care cineva nu modifică tema în niciun fel, formă sau mod. Ar fi complet inutil să folosești o temă copil și, în acest caz, adaugă doar un alt strat de cod peste tot.
> Și nu, nu ar fi sigur dacă tema ta primește o actualizare. Ar fi suprascrisă de actualizare.
Cam așa am crezut. Simt că acest lucru ar trebui subliniat în articol sau va face ca unii oameni să fie nefericiți.
Shah
Salut,
Nu am nicio problemă cu adăugarea de fonturi personalizate oriunde în tema mea, doar când am vrut să schimb fontul în wp-embed-template.php, fonturile mele personalizate nu funcționează. Adică, parcă nu sunt deloc @font-faced.
Ai putea, te rog, să mă ajuți să schimb fonturile în partea de embed WordPress? Ar trebui să adaug din nou @font-face în php? Este deja adăugat, totuși!
Mulțumesc anticipat,
Robin
Vă mulțumesc pentru ajutor!
Odată ce am încărcat fontul în folderul meu de fonturi, îl adaug la CSS-ul meu? Las fontul existent? Pentru că îl folosesc în mare parte. Acesta este un font specializat folosit doar pentru ocazii specifice.
Sunt atât de confuz.
Alice
Really great! Been struggling a while (I’m quite new to all this) but now it works
Thanks a lot!
Nicole
Salut. Mulțumesc pentru asta. Cum găsesc informațiile de licențiere pentru un font? Unele fonturi sunt peste tot pe web și vreau să folosesc unul, dar este greu să găsesc informațiile EULA.
Vincent
De obicei, este inclus în metadatele proprii ale fontului. În Windows, puteți face clic dreapta și vizualiza proprietățile unui font. Dacă acest lucru nu este suficient, ați putea dori să descărcați un vizualizator de fonturi complet echipat, care suportă afișarea metadatelor fontului.
Andrea
Bună, ce extensie ar trebui să aibă fontul pentru a fi instalat pe WordPress?
Pentru că am probleme la instalarea celui meu
Mike
Salutare, am folosit ultima tehnică (@fontface), a adăugat fontul în wordpress, dar l-a făcut fontul implicit. Eu voiam doar să fie o opțiune în lista mea de fonturi. Mă puteți ajuta?
ep
Am folosit metoda CSS @font-face. Funcționează de minune. Mulțumesc.
Abdul Manan Abbasi
Assalam o Alaikum!
Sunt începător în WordPress. Vreau să adaug fontul Noori Nastaleeq pe site-ul meu. Cum aș putea face asta. Am nevoie de ajutorul dumneavoastră.
Ildiko
Puteți oferi o comparație a performanței între aceste metode?
Asiyah
Salut,
Sunt complet nou în WordPress, așa că sper să mă puteți ajuta. Tocmai am cumpărat un domeniu personalizat de la Bluehost, apoi am instalat WordPress și, în final, am instalat și activat tema „So Simple”. Deci, ceea ce vreau să știu este dacă modificările mele de font se vor pierde dacă îmi voi actualiza tema în viitor și, dacă da, cum pot preveni acest lucru?
Este doar că am observat că multe alte site-uri recomandă mai întâi adăugarea unui plugin CSS personalizat și nu am nicio idee cum să fac asta.
Cu stimă
Suport WPBeginner
Vă rugăm să consultați ghidul nostru despre cum să adăugați ușor CSS personalizat pe site-ul dvs. WordPress.
Admin
Vikram
Mulțumesc mult. A ajutat
Hashim Naushahi
Acest lucru a fost cu adevărat util! Vă mulțumesc foarte mult!!!
Doar o întrebare rapidă…
Cum aș ajusta codul dacă am un font cu greutăți diferite?
Am o versiune normală și una bold a fontului pe care aș dori să o folosesc instalată pe laptopul meu. Am folosit FontSquirrel pentru a le converti în webfonts. Și am încărcat acele webfonts într-un folder din tema mea copil, așa cum ai explicat. Nu știu doar cum să folosesc @font-face pentru a folosi ambele greutăți.
Aștept cu nerăbdare răspunsul dumneavoastră. Felul în care ați explicat acest lucru este grozav!
Mulțumesc anticipat!
Cu stimă,
Hashim
Suport WPBeginner
Veți folosi font-weight în CSS. Astfel:
h1 { font-family: 'Open Sans', Arial, serif; font-weight: 400; }1-click Use in WordPress
Admin
Christina
Nu văd butonul „editor” în wordpress-ul meu sub aspect. Am folosit font squirrel pentru a-mi încărca fontul, dar când am vrut să-l adaug în editorul de temă, nu a fost o opțiune. Poate am o versiune diferită de wordpress. Vă rog să mă ajutați. Mulțumesc.
Michelle
Puteți oferi un exemplu de sursă URL pentru exemplul @fontface? Fac ceva greșit și simt că îmi smulg tot părul :/
Mr.T
Nu este modul corect de a adăuga fonturi Google personalizate prin utilizarea funcției enqueue_script?
Suport WPBeginner
Este ideal, dar nu necesar. Această metodă este corectă și mai ușoară pentru începători.
Admin
James
Salut băieți
Citesc mereu postările dvs. și îmi place site-ul, muncă grozavă, mă ajutați mereu. Am rămas blocat la mutarea unui site pentru un client și a trebuit să schimb fontul. Am crezut că am făcut totul, am copiat fișierele CSS etc., dar citind acest lucru mi-am dat seama că nu am schimbat codul din antet.
Am rămas blocat la asta timp de o săptămână!
Anyway just wanted to say thanks