Peste 50 de fonturi moderne de folosit pe site-ul dvs. WordPress în 2022

Când creați un site WordPress, trebuie să aveți toate instrumentele potrivite pentru a avea un impact eficient. Aceasta include o mulțime de fonturi moderne!

Cu toate acestea, este posibil ca tema dvs. WordPress să nu aibă selecția de fonturi HTML din care trebuie să alegeți. Sau, s-ar putea să nu fii mulțumit de cele care au fost selectate pentru tine.

Din cauza acestor factori, posibilitatea de a instala unele fonturi personalizate este esențială. Vom discuta aici astăzi o varietate de opțiuni de font. Dar, mai întâi, să lăsăm lucrurile tehnice din drum.

Ce face cu adevărat un font modern?

Fonturile moderne nu sunt deloc noi. Stilul a fost dezvoltat inițial în secolul al XVIII-lea. În ciuda acestui fapt, design-urile lor rămân relevante în lumea modernă. De fapt, le vezi la propriu peste tot.

Deci, cum arată fonturile moderne?

Fonturile moderne sunt clare, elegante, îndrăznețe, profesionale și elegante. De asemenea, sunt adesea sans serif (dar nu întotdeauna) și uneori se încadrează în categoria fonturilor cursive. Designul lor este imediat distinctiv și sunt adesea folosiți în anteturi și logo-uri. Ei pot fi distinct corporativi, dar nu agresivi. Mai degrabă, sunt îndrăzneți și cer atenție.

Iată un exemplu de site de portofoliu care utilizează un font modern.

Observați cât de condensat și îngust este?

Acestea sunt generalități, desigur. Tipografia modernă a evoluat și de multe ori puteți găsi și mai multe exemple stilistice. Dar, sperăm, acest lucru vă oferă o idee generală despre ce este un font modern (și de ce ați putea dori să utilizați unul).

Cum să încărcați fonturile descărcate în WordPress

Fonturile personalizate descărcate de pe web necesită puțină muncă suplimentară pentru a le pune în funcțiune, deoarece nu le puteți importa doar așa cum ați putea face pentru un serviciu online precum Fonturile Google. În schimb, va trebui să încărcați manual fonturile sau să utilizați un plugin pentru a face treaba.

Dar înainte de a încărca, trebuie să vă asigurați că fonturile sunt gata pentru web. Ce vrem să spunem prin asta? Ei bine, nu toate fonturile sunt sigure pentru web sau compatibile cu toate browserele web imediat scoase din cutie.

Dar aceasta nu este o mare bătaie de cap. Utilizați instrumentul gratuit Webfont Generator pentru a transforma orice font personalizat pe care l-ați găsit online într-un format care poate fi citit și utilizabil de toate browserele web.

Finalizarea acestui pas va contribui în mare măsură la optimizarea vitezei și a fonturilor. Cu toate acestea, asta nu este tot . De asemenea, ar trebui să urmați câteva sfaturi pentru a vă asigura că fonturile dvs. personalizate nu consumă resurse sau nu încetinesc timpul de încărcare a site-ului dvs. în mod inutil:

• Verificați performanța . Folosind GTmetrix, monitorizați numărul de solicitări HTTP. Dacă există multe, ar putea însemna că site-ul dvs. folosește mult mai multe fonturi pe care chiar le-ați dat seama. Vorbesc aici despre fonturile instalate automat alături de pluginuri și teme (nu de cele pe care le-ați adăugat manual).
• Verifică-ți analizele. Aici, puteți vedea ce formate de containere de fonturi sunt accesate cel mai mult pe site-ul dvs. Cele mai comune opțiuni sunt EOT, TTF, WOFF și WOFF2. Când vă gândiți pe care să susțineți, acest lucru vă poate ajuta să determinați pe care să le acordați prioritate.
• Asigurați-vă că fonturile sunt stocate în cache local. Nu este ca și cum ai actualiza fonturile o dată la două zile. Aceasta înseamnă că fonturile pot fi stocate în cache în browserele vizitatorilor frecventi în siguranță. Acest lucru va limita numărul de solicitări HTTP în timp.

Încărcarea manuală a fonturilor necesită un pic de abilități tehnice, dar nu este la îndemâna majorității proprietarilor de site-uri web.

1. Descărcați fontul modern personalizat ales de dvs. (o mulțime de exemple mai jos).
2. Salvați o copie de rezervă a site-ului dvs. web (inclusiv tot conținutul și baza de date) și/sau utilizați o temă secundară pentru următoarele modificări.
3. Încărcați fișierele cu fonturi într-un .zip în folderul wp-content/themes/your-theme-name/fonts. Dacă nu există un dosar „fonturi”, continuați și creați unul, apoi încărcați fișierul cu fonturi .zip acolo. Utilizați orice client FTP la alegere pentru a realiza acest lucru.
4. În tabloul de bord WordPress, navigați la Aspect > Editor de teme și accesați fișierul style.css. Va trebui să adăugați un fragment de cod personalizat la acest fișier. Adăugați familia de fonturi și adresa URL corespunzătoare la fragmentul de cod, apoi faceți clic pe Actualizare fișier .

 @font-face { font-family: YOUR FONT NAME; src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); font-weight: normal; }

Codul de mai sus adaugă fontul pe site-ul dvs. Apoi, trebuie să spuneți WordPress unde ar trebui să fie folosit fontul. Pentru asta, deschide din nou style.css și folosește acest fragment de cod:

 .SITE ELEMENT { font-family: "FONT NAME", Helvetica, sans-serif; }

În acest fragment de cod, trebuie să identificați la ce aspect al site-ului doriți să se aplice fontul și să specificați numele fontului înainte de a actualiza fișierul.

În schimb, dacă doriți să săriți peste toate aceste lucruri de încărcare manuală, puteți utiliza un plugin pentru a adăuga fonturi la WordPress. O opțiune solidă include Utilizați orice font. După cum sugerează și numele, îl puteți folosi pentru a încărca orice font personalizat pe site-ul dvs. și a-l atribui elementelor CSS.

56 dintre cele mai moderne fonturi de folosit în 2022

Acum că știți cum să optimizați și să încărcați fonturi personalizate în WordPress, vă putem oferi acum o listă sănătoasă de fonturi moderne și opțiuni din care să alegeți.

1. Introducere

Intro este un font modern cu aspect standard, care oferă linii îndrăznețe și o prezentare care ar putea fi folosit cu ușurință pentru anteturi sau titluri. Această familie de fonturi include 72 de fonturi cu 8 greutăți diferite, de la subțire la gros, oferindu-ți o mare flexibilitate.

2. Komoda

O altă alegere este Komoda. Acest font este condensat și foarte interesant de privit. Sunt majuscule și sans serif, cu un aspect blocat, unde linia mediană a fiecărei litere este ridicată sus. Și ligaturile sale fac o declarație. O alegere perfectă pentru logo-uri aici.

3. Însuflețit

Stoked este o altă selecție cu majuscule, care oferă un aspect unic pentru anteturi și logo-uri. Este interesant în timp ce rămâne lizibil. Caracteristica sa definitorie este includerea de linii duble pe fiecare literă, precum și întreruperi de linie care îi conferă un fel de aspect șablon.

4. Marisa cu clasă

Mai este și Classy Marisa. Acest font modern este elegant și fluid, oferind o opțiune de font mai subțire și mai delicată pentru logo-urile și anteturile dvs. Are ligaturi cu adevărat interesante, glife alternative și ornamente, de asemenea, care adaugă un caracter suplimentar oricărui text pe care doriți să-l partajați.

5. Canter

Canter este o altă alegere grozavă. Acesta este un font sans serif care prezintă toate majusculele și are spațiere condensată. Vine și în șase greutăți diferite, inclusiv o opțiune 3D și una cu o umbră proeminentă.

6. Norocoasă

Lucky este un alt font modern care merită luat în considerare. Este o altă selecție sans serif care ar putea funcționa bine ca logo sau antet. Are și o calitate editorială distinctă, care ar putea fi aplicată cu ușurință revistelor și publicațiilor online.

7. Zafir

Zafir oferă o altă alegere modernă de font care merită luată în considerare. Este super minimal in prezentare. Zafir este o altă opțiune cu majuscule. Este un font serif cu linii curbe și un aspect general interesant, care ar putea funcționa bine pentru logo-uri și titluri.

8. Coves

Sau ai putea folosi Coves. Vine cu două greutăți, ușoară și îndrăzneață și oferă o opțiune de font elegantă și simplificată pentru cele mai recente proiecte. Folosiți-l pentru textul standard și pentru titluri și anteturi, de asemenea. Este cu adevărat polivalent.

9. Azonix

Azonix oferă o altă selecție modernă de fonturi, de data aceasta cu o înclinație futuristă. Este un tip sans serif care subliniază un aspect geometric. Sunt majuscule și arată cu ușurință ca și cum ar putea fi folosit în secvența de credit de deschidere a unui film SF.

10. Arkhip

Arkhip este o altă selecție gratuită de fonturi care menține un design modern, amintind în același timp de epoci trecute. Folosește elemente de tipografie rusă pentru a crea ceva modern și cu adevărat nou.

11. Primul

Există un alt font de luat în considerare, numit Prime. Este un font modern sans serif, care prezintă linii îndrăznețe și are un aspect general futurist. Are colțuri geometrice și arată perfect pentru site-uri web futuriste sau tehnologice.

12. Glober

Glober este un alt font modern la care ar trebui să te uiți. Această familie de fonturi include 18 greutăți cu o împărțire uniformă de 9 montanti și 9 cursive. Este un font san serif care este ușor de citit și ușor de aplicat într-o serie de situații diferite, inclusiv titluri, precum și textul corpului.

13. FĂCUT Bland

MADE Gentle este o altă fontă modernă demnă de luat în considerare. Este considerat un serif moale și a fost inspirat de fontul Cooper Black. Acesta este îndrăzneț, dar rotunjit și arată o reminiscență a coperților de cărți vechi și a semnelor din anii 1970.

14. Nordic

Nordic este atât modern, cât și clasic, oferă două fonturi și trei greutăți din care să alegeți. Designul a fost inspirat de runele norvegiene și ar fi perfect pentru a fi folosit în titluri, titluri și logo-uri.

15. Maddac

Fontul Maddac oferă o opțiune elegantă pentru site-ul dvs. Este îndrăzneț, blocat și sans serif. Este modern în design și unic în execuție. Fiecare literă are un unghi ușor sau înclinat față de un aspect al designului său, oferind un pic de stil ecuației.

16. Croc

Nu este Croc un font atât de grozav? Este un tip serif îndrăzneț, cu un stil iconic, care este nostalgic, rămânând în același timp proaspăt.

17. Aqua

Aqua este un alt font la care ar trebui să te uiți. Acesta are o calitate art nouveau care îl face să pară atemporal. Este îndrăzneț, dar simplu și prezintă ornamente și ligaturi care îl fac să iasă în evidență față de alte fonturi similare.

18. Manifest

Faceți o declarație îndrăzneață cu Manifesto. Acest font a fost inspirat de mișcarea raționalistă italiană și are o calitate editorială hotărâtă. Folosiți-l pentru titluri, logo-uri și titluri. Folosiți-l pentru modele tipărite și online. Este cu adevărat versatil în acest fel.

19. Orkney

Orkney este un font minunat cu aspect profesional. Tipul de caractere are un design geometric și poate fi folosit într-o mare varietate de scopuri. Folosiți-l pentru titluri sau logo-uri. Folosiți-l pentru text standard. Folosiți-l în tipărire sau în media digitală. Cerul este limita aici.

20. Elppa

Elppa are un aspect futurist care este captivant și cu mai multe fațete. Tipul de caractere este destul de minimal, captând, de asemenea, o senzație de era spațială. Utilizați-l pentru imprimare și design web. Ar funcționa pentru logo-uri și titluri, probabil nu pentru textul corpului, dar cu siguranță util pentru grafică și altele.

21. Porumb

Porumbul este un font interesant care are colțuri rotunjite și o senzație de fermă. Este format din 14 stiluri diferite pe care le puteți începe imediat să le utilizați pentru titluri, anteturi și sigle. Unele stiluri pot fi folosite chiar și pentru textul corpului, dacă doriți. Puteți construi un întreg design de site cu acesta.

22. Koliko

Sau ați putea opta pentru Koliko, un font serios distractiv, care are un atractiv instantaneu pentru o mare varietate de scopuri. Vine cu trei stiluri, fiecare îmbrățișând o căsătorie perfectă de formă și funcție.

23. Quirk

Quirk este de fapt un font cu aspect destul de ciudat. Numele acestuia este o alegere bună. Este un font cu majuscule, care include ligaturi distractive și elemente stivuibile.

24. Le French

Le French este o alegere sofisticată a fontului, mai ales dacă doriți să reproduceți acel sentiment de cafenea franțuzească vintage. O alegere excelentă pentru meniuri și site-uri web legate de alimente peste tot. Folosiți-l și pentru titluri, anteturi, logo-uri și text.

25. Munchen

München este o alegere minunată de font sans serif, care ar fi o alegere excelentă pentru un logo sau o grafică a titlului. Stă înalt și impunător fără a fi amenințător.

26. Nord-vest

Northwest este un font în stil modern, cu o senzație retro. Amintește de siglele echipamentelor de campanie și de titlurile revistelor în aer liber. Cu serif-uri și elemente decorative, acest font ar funcționa bine pentru orice fel de conținut cu tematică în aer liber.

27. Modeka

Modeka este boxy și modern și, sincer, super cool. Este o alegere modernă care poate fi adaptată pentru utilizare într-o varietate de moduri. Cu unghiuri adăugate pe fiecare literă, oferă un stil unic care s-ar putea potrivit pentru următorul tău proiect.

28. Exonerare de responsabilitate

Declinarea răspunderii este o alegere de font îngustă și îndrăzneață, care este excelentă pentru o mare varietate de scopuri. Are un stil super-condens care face ca literele să stea înalte și impunătoare. Acest lucru ar funcționa grozav pentru un antet sau un titlu.

29. 5th Avenue

5th Avenue este în mod pozitiv, cu un aer clasic, potrivit pentru logo-urile oficiale și branding. Este un font îndrăzneț cu serif care iese în evidență datorită numeroaselor litere alternative care adaugă stil și interes.

30. Quakiez

Quakiez este o altă opțiune modernă de font care oferă o opțiune serif pentru lista noastră. A fost proiectat cu lux în minte, dar încă păstrează un element de minimalism. Vine cu două stiluri și poate fi folosit pentru logo-uri, titluri, anteturi și multe altele.

31. În aer liber modern

Sau ai putea opta pentru Modern Outdoor și invoca imediat campingul și în aer liber la vedere. Acest font este perfect pentru titluri, anteturi și logo-uri și ar avea un impact real asupra posterelor. Necesită atenție, iar așezarea destul de cu majuscule îi asigură și mai mult senzația de în aer liber.

32. Hiperbola

Hiperbola este rotunjită și futuristă. De fapt, arată pozitiv spațial - într-un sens bun. Acest font are contoare rotunjite, păstrând în același timp o formă generală cutituită.

33. Box

Fontul Boxing este plin și curat, perfect pentru anteturi, titluri și logo-uri. Sunt capace, înalt și interesant de privit. Cel mai bine, este extrem de funcțional și poate fi reutilizat în nenumărate moduri.

34. Sonder

Sonder este un alt font cu mai multe fațete, într-adevăr. Vine cu o opțiune de font slab și sans serif. Vine cu mai multe greutăți, precum și cu un stil obișnuit și aspru. Stilul dur prezintă câteva goluri în litere, creând un aspect rustic și natural.

35. Lombok

Lombok este o fontă subțire, extrem de elegantă. Este o opțiune sans serif cu elemente geometrice care o fac să iasă în evidență și să pară destul de unică. Este o alegere ideală pentru anteturi, logo-uri și titluri.

36. District

Distrito este un font cu majuscule, care are un stil distinct. Fiecare literă este ușor înclinată, oferind un aspect unic care s-ar putea traduce bine pentru utilizare în logo-uri și anteturi. Este, de asemenea, un font cu majuscule inspirat din designul modular columbian.

37. Eleroane

Eleroanele arată ca fontul care ar apărea pe semnalizarea extraterestră. Și realizează bine această estetică. Este sans serif și cu majuscule și are un impact indiferent de locul în care îl plasați, deși titlurile și anteturile ar fi cele mai bune pentru el.

38. Etna

Ethna are un aspect clasic, dar un stil modern. Este o familie de fonturi sans serif inspirată de design umanist și face o treabă bună combinând elemente de design vintage și moderne pentru a crea ceva nou. Acesta funcționează bine în orice caz de utilizare.

39. Noelle

Noelle este un font geometric serif care este gata să facă o primă impresie pozitivă. Are un design minimalist și ar funcționa bine pentru titluri și anteturi din orice industrie. Are câteva elemente vintage, dar încă arată proaspăt. Folosiți-l online sau tipărit. În plus, vine cu un font script ca bonus.

40. Continuare

Sequel este un font rotunjit perfect pentru logo-uri și anteturi. Cel mai bun dintre toate, vine cu o mulțime de ligaturi care oferă stil și interes adăugat la orice creați cu ele. Designul aici este îndrăzneț, dar nu impunător.

41. Mai sus

Mai mare este o altă alegere sofisticată de font care oferă un aspect clasic. Acest font cu majuscule este super condensat și solicitant, oferind un stil imediat oricărei persoane pe care îl utilizați.

42. Nano

Nano este un font non-serif care are un aspect futurist și este tot cu litere mici, ceea ce îl face o opțiune unică pe această listă. Literele în sine sunt super moderne și identificabile, ceea ce face ca aceasta să fie o alegere excelentă pentru logo-uri și alte materiale de marcă. Totuși, este cel mai bine pentru fraze scurte, deoarece propozițiile mai lungi pot fi puțin ilizibile.

43. Jollin

Jollin este un font modern, cu semne ondulate pe unele litere și un aspect gros. Acest font sans serif vine într-o versiune obișnuită și italic și include o varietate de litere alternative, astfel încât să puteți face textul să pară mai simplu sau mai elegant, în funcție de starea dvs. de spirit.

44. Fenomene

Phenomena este un font îngust și blocat, cu margini rotunjite. Face o declarație și poate fi folosit cu ușurință pentru titluri, logo-uri sau anteturi. Vine cu 7 stiluri diferite, de la subțire la aldine, oferind și o mulțime de oportunități standard de utilizare a textului.

45. Calibru

Calibre este un font super condensat care poate să se ridice deasupra conținutului dvs. dacă îl lăsați - într-un mod bun. Este o opțiune cu majuscule, care include, de asemenea, numere, glife și caractere occidentale pentru o măsură bună.

46. ​​Duminicile

Sundays este un font serif care este cu siguranță din epoca actuală, dar are și o senzație clasică care este incontestabilă. Este mai subțire și mai curbă decât fonturile similare clasice și are un stil care s-ar potrivi cu titlurile și titlurile revistelor, siglele site-urilor web, anteturile și multe altele.

47. Piatra de temelie

Cornerstone este un alt font bloc care oferă un design modular care ar putea funcționa într-un număr de aplicații diferite, de la logo-uri la anteturi.

48. Într-o zi

One Day este un font subțire cu linii interesante de deconectare care îl fac unic. Este un alt font cu majuscule, cu un stil ușor și subțire. Include numere și glife și se simte geometric fără a fi prea cutituit.

49. Kollektif

Kollektif este un font clasic modern care poate fi folosit într-un număr mare de moduri. Are un design geometric și vine în două greutăți. De asemenea, este optimizat atât pentru imprimare, cât și pentru utilizarea web.

50. Nostalgie

Apoi, există Nostalgia, un font modern, cu un aspect retro suficient pentru a-l face să se simtă ca și cum ar fi fost creat cu zeci de ani în urmă. Include 3 fonturi, precum și glife alternative, ligaturi și flori. Ar fi o alegere excelentă pentru logo-uri, titluri, postere sau invitații.

51. Elixia

Elixia are un aspect eteric potrivit unei bârloguri alchimistului. Este geometric și include unghiuri de linie suplimentare pe fiecare literă care oferă un stil unic.

52. Somon

Sau ai putea opta pentru somon. Acest font sans serif este îndrăzneț și minimal. Este ideal pentru titluri, logo-uri și anteturi. Este un design cu majuscule și include o versiune umplută și conturată care se împerechează bine.

53. Thinoo

Thinoo este un alt font san serif. Vine cu un stil subțire și îndrăzneț și include toate stilurile de litere, inclusiv numere, simboluri și semne de punctuație. Este profesional și curat. Simplu, dar atrăgător. Acesta ar funcționa bine pentru orice tip de site web, precum și pentru materiale tipărite.

54. Iubitor de vară

Sau puteți folosi Summer Loving, un font modern super distractiv care include mai multe stiluri de font, astfel încât să puteți crea un întreg design folosind un singur font. Vine cu un font sans, precum și un detaliu de pensulă care poate adăuga imediat dimensiune proiectelor dvs. Include, de asemenea, ligaturi și litere alternative.

55. Silverfake

Silverfake oferă o opțiune de font serif cu spații mari pentru titluri, logo-uri, anteturi și materiale tipărite. Acesta ar arăta grozav ca logo de tricou, de exemplu.

56. Viena

În sfârșit, este Viena. Acest font modern este o opțiune serif care are tot atractivitatea unui font clasic utilizat pe coperțile revistelor, cu suficiente modificări pentru a face apel la estetica actuală. Este minim și include litere cu majuscule, cifre și semne de punctuație.

rezumat

Există o serie de motive pentru care ați putea dori să utilizați fonturi personalizate pe site-ul dvs. WordPress. Indiferent dacă doriți să vă potriviți mai bine branding-ul sau să vă faceți conținutul mai lizibil în toate browserele, merită să faceți încărcarea propriilor fonturi în stil modern.

Chiar și așa, procesul ar putea părea descurajant la început. Trebuie să găsiți un font, să îl descărcați, să îl puneți într-un fișier .zip, apoi să îl încărcați în directorul corect de pe site-ul dvs. folosind un client FTP. Va trebui să inserați fragmente de cod în zonele corespunzătoare din fișierul CSS al temei. Puteți alege să faceți acest lucru manual sau prin utilizarea unui plugin (sau puteți angaja un dezvoltator).

Cu toate acestea, indiferent de modul în care abordați acest proces, puteți fi siguri că rezultatul final va fi elegant și va adăuga caracter aspectului general al site-ului dvs. Sperăm că această colecție de fonturi moderne pe care am organizat-o aici vă va ajuta să îl descoperiți pe cel potrivit pentru site-ul dvs. WordPress. Fie că este îndrăzneț sau subțire, rotunjit sau dur, împodobit sau simplu, fontul pe care îl alegeți va avea un impact!

(Lectură sugerată: Cum să ascundeți pagina și să postați titlurile în WordPress)