Oltre 50 caratteri moderni da utilizzare sul tuo sito Web WordPress nel 2022

Quando crei un sito WordPress, devi disporre di tutti gli strumenti giusti per avere un impatto efficace. Ciò include una serie di caratteri moderni!

Tuttavia, il tuo tema WordPress potrebbe non avere la selezione di caratteri HTML tra cui scegliere. Oppure potresti non essere soddisfatto di quelli che sono stati selezionati per te.

A causa di questi fattori, è essenziale poter installare alcuni font personalizzati. Parleremo di una varietà di opzioni di carattere qui oggi. Ma prima, togliamo di mezzo le cose tecniche.

Cosa rende davvero moderno un carattere?

I caratteri moderni non sono affatto nuovi. Lo stile è stato originariamente sviluppato nel 18 ° secolo. Nonostante ciò, i loro design rimangono rilevanti nel mondo moderno. In effetti, li vedi letteralmente ovunque.

Quindi, che aspetto hanno i caratteri moderni?

I caratteri moderni sono nitidi, eleganti, audaci, professionali ed eleganti. Sono anche spesso sans serif (ma non sempre) e talvolta rientrano nella categoria dei caratteri corsivi. Il loro design è immediatamente distintivo e sono spesso utilizzati nelle intestazioni e nei loghi. Possono essere decisamente corporativi ma non aggressivi. Piuttosto, sono audaci e richiedono attenzione.

Ecco un esempio di un sito portfolio che utilizza un font moderno.

Notare quanto è condensato e stretto?

Queste sono generalità, ovviamente. La tipografia moderna si è evoluta e spesso puoi trovare anche più esempi stilistici. Ma si spera che questo ti dia un'idea generale di cosa sia un font moderno (e perché potresti volerne usare uno).

Come caricare i font scaricati su WordPress

I caratteri personalizzati scaricati dal Web richiedono un po' di lavoro in più per farli funzionare poiché non puoi semplicemente importarli come faresti per un servizio online come Google Fonts. Invece, dovrai caricare manualmente i tuoi caratteri o utilizzare un plug-in per fare il lavoro.

Ma prima di eseguire qualsiasi caricamento, devi prima assicurarti che i tuoi caratteri siano pronti per il Web. Cosa intendiamo con questo? Bene, non tutti i caratteri sono sicuri per il Web o compatibili con tutti i browser Web immediatamente disponibili.

Ma questo non è un grosso problema. Usa lo strumento gratuito Webfont Generator per trasformare qualsiasi font personalizzato che hai trovato online in un formato leggibile e utilizzabile da tutti i browser web.

Il completamento di questo passaggio contribuirà notevolmente all'ottimizzazione della velocità anche dei tuoi caratteri. Tuttavia, non è tutto qui. Dovresti anche seguire alcuni suggerimenti per assicurarti che i tuoi caratteri personalizzati non consumino risorse o rallentino inutilmente il tempo di caricamento del tuo sito:

• Controlla le prestazioni . Utilizzando GTmetrix, monitora il numero di richieste HTTP. Se c'è molto, potrebbe significare che il tuo sito sta utilizzando molti più caratteri che hai anche realizzato. Sto parlando di font installati automaticamente insieme a plugin e temi qui (non quelli che hai aggiunto manualmente).
• Controlla le tue analisi. Qui puoi vedere a quali formati contenitore di caratteri si accede di più sul tuo sito. Le scelte più comuni sono EOT, TTF, WOFF e WOFF2. Quando consideri quali supportare, questo può aiutarti a determinare a quali dare la priorità.
• Assicurati che i caratteri vengano memorizzati nella cache locale. Non è che aggiorni i caratteri a giorni alterni. Ciò significa che i caratteri possono essere memorizzati nella cache in modo sicuro nei browser dei visitatori abituali. Ciò limiterà il numero di richieste HTTP nel tempo.

Il caricamento manuale dei caratteri richiede un po' di abilità tecnica, ma non è fuori dalla portata della maggior parte dei proprietari di siti Web.

1. Scarica il font moderno personalizzato che hai scelto (molti esempi di seguito).
2. Salva un backup del tuo sito web (incluso tutto il contenuto e il database) e/o usa un tema figlio per le seguenti modifiche.
3. Carica i file dei font in un .zip nella cartella wp-content/themes/your-theme-name/fonts. Se non c'è una cartella "fonts", vai avanti e creane una, quindi carica lì il tuo file di font .zip. Usa qualsiasi client FTP di tua scelta per ottenere ciò.
4. Nella dashboard di WordPress, vai su Aspetto > Editor temi e accedi al file style.css. Dovrai aggiungere uno snippet di codice personalizzato a questo file. Aggiungi la famiglia di caratteri e l'URL appropriati allo snippet di codice, quindi fai clic su Aggiorna file .

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

Il codice sopra aggiunge il carattere al tuo sito. Successivamente, devi dire a WordPress dove dovrebbe essere utilizzato il carattere. Per questo, apri di nuovo style.css e usa questo frammento di codice:

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

In questo frammento di codice, devi identificare a quale aspetto del tuo sito desideri applicare il carattere e specificare il nome del carattere prima di aggiornare il file.

Al contrario, se vuoi saltare tutto questo caricamento manuale di materiale, puoi utilizzare un plug-in per aggiungere caratteri a WordPress. Un'opzione solida include Usa qualsiasi carattere. Come suggerisce il nome, puoi usarlo per caricare qualsiasi font personalizzato sul tuo sito e assegnarlo a elementi CSS.

56 dei caratteri più moderni da utilizzare nel 2022

Ora che sai come ottimizzare e caricare caratteri personalizzati su WordPress, ora possiamo offrire un elenco completo di caratteri e opzioni moderni tra cui scegliere.

1. Introduzione

Intro è un font moderno dall'aspetto standard che offre linee in grassetto e presentazioni che potrebbero essere facilmente utilizzate per intestazioni o titoli. Questa famiglia di caratteri include 72 caratteri con 8 diversi pesi da sottile a spesso, offrendoti molta flessibilità.

2. Komoda

Un'altra scelta è Komoda. Questo font è condensato e super interessante da guardare. È tutto maiuscolo e sans serif con un aspetto a blocchi in cui la linea mediana di ogni lettera è sollevata in alto. E le sue legature fanno una dichiarazione. Una scelta perfetta per i loghi qui.

3. Stuzzicato

Stoked è un'altra selezione in maiuscolo che offre un look unico per intestazioni e loghi. È interessante pur rimanendo leggibile. La sua caratteristica distintiva è l'inclusione di doppie linee su ogni lettera, nonché interruzioni di riga che le conferiscono una sorta di aspetto stampato.

4. Marisa di classe

C'è anche Classy Marisa. Questo font moderno è elegante e fluido, offrendo un'opzione di font più sottile e delicata per i tuoi loghi e intestazioni. Ha legature davvero interessanti, glifi alternativi e anche ornamenti che aggiungono ulteriore carattere a qualsiasi testo tu voglia condividere.

5. Canter

Canter è un'altra grande scelta. Questo è un font sans serif che presenta tutte le maiuscole e ha una spaziatura ridotta. È disponibile anche in sei diversi pesi, inclusa un'opzione 3D e una con un'ombra esterna prominente.

6. Fortunato

Lucky è un altro font moderno che vale la pena considerare. È un'altra selezione sans serif che potrebbe funzionare bene come logo o intestazione. Ha anche una qualità spiccatamente editoriale che potrebbe essere facilmente applicata a riviste e pubblicazioni online.

7. Zafir

Zafir offre un'altra scelta di font moderna che vale la pena considerare. È super minimale nella presentazione. Zafir è un'altra opzione tutto maiuscolo. È un font serif con linee curve e un aspetto complessivamente interessante che potrebbe funzionare bene per loghi e titoli.

8. Insenature

Oppure potresti usare Coves. Viene fornito con due pesi, leggero e audace, e offre un'opzione di carattere elegante e snella per i tuoi ultimi progetti. Usalo per il testo standard e anche per titoli e intestazioni. È davvero multiuso.

9. Azonix

Azonix fornisce un'altra selezione di font moderna, questa volta con una piega futuristica. È un carattere tipografico sans serif che enfatizza un aspetto geometrico. È tutto maiuscolo e sembra facilmente utilizzabile nella sequenza dei titoli di testa di un film di fantascienza.

10. Arkhip

Arkhip è un'altra selezione di font gratuita che mantiene un design moderno mentre ricorda epoche passate. Utilizza elementi della tipografia russa per creare qualcosa di moderno e veramente nuovo.

11. Primo

C'è un altro font da considerare chiamato Prime. È un moderno font sans serif che presenta linee in grassetto e ha un aspetto complessivamente futuristico. Ha angoli geometrici e sembra perfetto per siti Web futuristici o a tema tecnologico.

12. Globo

Glober è un altro font moderno a cui dovresti dare un'occhiata. Questa famiglia di caratteri comprende 18 pesi con una divisione uniforme di 9 montanti e 9 corsivi. È un font san serif facile da leggere e facile da applicare a una serie di situazioni diverse, inclusi i titoli e il corpo del testo.

13. FATTO Gentile

MADE Gentle è un altro carattere tipografico moderno degno di considerazione. È considerato un soft serif ed è stato ispirato dal carattere Cooper Black. Questo è audace ma rotondo e ricorda le vecchie copertine di libri e la segnaletica degli anni '70.

14. Nordico

Nordic è sia moderno che classico offre due caratteri tipografici e tre pesi tra cui scegliere. Il design è stato ispirato dalle rune norvegesi e sarebbe perfetto per l'uso in titoli, intestazioni e loghi.

15. Maddac

Il carattere Maddac offre un'opzione elegante per il tuo sito web. È audace, a blocchi e sans serif. È moderno nel design e unico nell'esecuzione. Ogni lettera ha una leggera angolazione o inclinazione su un aspetto del suo design, offrendo un po' di stile all'equazione.

16. Croc

Croc non è un font così interessante? È un carattere tipografico serif audace con uno stile iconico che è nostalgico pur rimanendo fresco.

17. Acqua

Aqua è un altro font a cui dovresti dare un'occhiata. Questo ha una qualità art nouveau che lo fa sembrare senza tempo. È audace ma semplice e presenta abbellimenti e legature che lo distinguono da altri caratteri simili.

18. Manifesto

Fai una dichiarazione audace con Manifesto. Questo font è stato ispirato dal movimento razionalista italiano e ha una qualità decisamente editoriale. Usalo per intestazioni, loghi e titoli. Usalo per la stampa e i design online. È davvero versatile in questo modo.

19. Orcadi

Orkney è un bel font dall'aspetto professionale. Il carattere tipografico ha un design geometrico e può essere utilizzato per un'ampia varietà di scopi. Usalo per titoli o loghi. Usalo per il testo standard. Usalo nella stampa o nei media digitali. Il cielo è il limite qui.

20. Elppa

Elppa ha un look futuristico, accattivante e sfaccettato. Il carattere tipografico è piuttosto minimale mentre cattura anche una sorta di atmosfera spaziale. Usalo per la stampa e il web design. Funzionerebbe per loghi e titoli, probabilmente non per il corpo del testo, ma sicuramente utile per la grafica e simili.

21. Mais

Il mais è un font interessante con angoli arrotondati e un'atmosfera da fattoria. È composto da 14 stili diversi che puoi iniziare a utilizzare immediatamente per titoli, intestazioni e loghi. Alcuni stili possono anche essere usati per il corpo del testo, se lo desideri. Potresti costruire un intero design del sito con questo.

22. Koliko

Oppure potresti optare per Koliko, un font davvero divertente che ha un fascino immediato per un'ampia varietà di scopi. Viene fornito con tre stili, ognuno dei quali abbraccia un perfetto connubio di forma e funzione.

23. Stranezza

Quirk è in realtà un font dall'aspetto piuttosto bizzarro. Il nome è una buona scelta. È un font tutto maiuscolo che include legature divertenti ed elementi impilabili.

24. Le francesi

Le French è una scelta di font sofisticata soprattutto se stai cercando di replicare l'atmosfera vintage di un caffè francese. Una scelta eccellente per menu e siti Web relativi al cibo ovunque. Usalo anche per titoli, intestazioni, loghi e corpo del testo.

25. Monaco di Baviera

Munich è un'adorabile scelta di font sans serif che sarebbe una scelta eccellente per un logo o una grafica del titolo. Si erge alto e imponente senza essere minaccioso.

26. Nordovest

Northwest è un font in stile moderno con un tocco retrò. Ricorda i loghi degli ingranaggi della campagna e i titoli delle riviste all'aperto. Con serif squadrati ed elementi decorativi, questo font funzionerebbe bene per qualsiasi tipo di contenuto a tema esterno.

27. Modeka

Modeka è squadrato e moderno e onestamente semplicemente fantastico. È una scelta moderna che può essere adattata per l'uso in vari modi. Con angoli aggiunti su ogni lettera, offre uno stile unico che potrebbe adattarsi al tuo prossimo progetto.

28. Dichiarazione di non responsabilità

La dichiarazione di non responsabilità è una scelta di caratteri ristretta e audace che è eccellente per un'ampia varietà di scopi. Ha uno stile super-condensato che rende le lettere alte e imponenti. Questo funzionerebbe benissimo per un'intestazione o un titolo.

29. 5th Avenue

5th Avenue è decisamente elegante con un'aria classica che ben si adatta a loghi e marchi ufficiali. È un carattere in grassetto con grazie che si distingue grazie a molte lettere alternative che aggiungono stile e interesse.

30. Quakiez

Quakiez è un'altra scelta di font moderna che offre un'opzione serif alla nostra lista. È stato progettato pensando al lusso, ma mantiene ancora un elemento di minimalismo. Viene fornito con due stili e può essere utilizzato per loghi, titoli, intestazioni e altro.

31. Esterno moderno

Oppure potresti optare per Modern Outdoor e richiamare subito il camping e l'outdoor a vista. Questo font è perfetto per titoli, intestazioni e loghi e farebbe una dichiarazione di impatto reale sui poster. Richiede attenzione e stare bene in maiuscolo assicura ulteriormente la sua sensazione di vita all'aria aperta.

32. Iperbole

Hyperbole è rotonda e futuristica. In effetti, sembra decisamente spaziale, in senso positivo. Questo tipo di carattere ha contatori arrotondati pur mantenendo una forma squadrata complessiva.

33. Pugilato

Il carattere Boxing è squadrato e pulito, perfetto per intestazioni, titoli e loghi. È tutto maiuscolo, alto e interessante da guardare. Soprattutto, è estremamente funzionale e può essere riproposto in innumerevoli modi.

34. Sonder

Sonder è un altro font sfaccettato, davvero. Viene fornito con un'opzione di font slab e sans serif. Viene fornito con più pesi e uno stile regolare e ruvido. Lo stile grezzo presenta alcune lacune nelle lettere, creando un aspetto rustico e naturale.

35. Lombok

Lombok è un carattere tipografico sottile ed estremamente elegante. È un'opzione sans serif con elementi geometrici che lo fanno risaltare e apparire piuttosto unico. È la scelta ideale per intestazioni, loghi e titoli.

36. Distrito

Distrito è un font tutto maiuscolo che ha uno stile distinto. Ogni lettera è leggermente inclinata, offrendo un aspetto unico che potrebbe tradursi bene per l'uso in loghi e intestazioni. È anche un carattere tutto maiuscolo ispirato al design modulare colombiano.

37. Alettoni

Alettoni sembra il carattere che apparirà sulla segnaletica aliena. E raggiunge bene questa estetica. È sans serif e tutto maiuscolo e ha un impatto indipendentemente da dove lo posizioni, anche se i titoli e le intestazioni sarebbero i migliori per questo.

38. Etna

Ethna ha un look classico ma uno stile moderno. È una famiglia di caratteri sans serif ispirata al design umanista e fa un buon lavoro combinando elementi di design vintage e moderno per creare qualcosa di nuovo. Questo funziona bene in ogni caso d'uso.

39. Noelle

Noelle è un font serif geometrico pronto a fare una prima impressione positiva. Ha un design minimalista e funzionerebbe bene per titoli e intestazioni in qualsiasi settore. Ha alcuni elementi vintage ma sembra ancora fresco. Usalo online o in stampa. Inoltre, viene fornito con un font di script come bonus.

40. Sequenza

Sequel è un carattere arrotondato perfetto per loghi e intestazioni. Soprattutto, viene fornito con una serie di legature che offrono stile e interesse aggiunto a tutto ciò che crei con esse. Il design qui è audace ma non imponente.

41. Superiore

Più in alto è un'altra scelta di font sofisticata che offre un aspetto classico. Questo font tutto maiuscolo è super condensato ed esigente, offrendo uno stile immediato a qualsiasi cosa tu lo usi.

42. Nano

Nano è un carattere non serif che ha un aspetto futuristico ed è tutto minuscolo, il che lo rende un'opzione unica in questo elenco. Le lettere stesse sono super moderne e identificabili, il che la rende un'ottima scelta per loghi e altri materiali di marca. È meglio per le frasi brevi, tuttavia, poiché le frasi più lunghe potrebbero essere un po' illeggibili.

43. Jollin

Jollin è un font moderno con spunti ricci su alcune lettere e un aspetto grosso a tutto tondo. Questo font sans serif è disponibile in una versione normale e corsivo e include una varietà di lettere alternative in modo da poter rendere il tuo testo più semplice o più elaborato a seconda del tuo umore.

44. Fenomeni

Phenomena è un carattere stretto e a blocchi con bordi arrotondati. Fa una dichiarazione e può essere facilmente utilizzato per titoli, loghi o intestazioni. Viene fornito con 7 stili diversi da sottile a grassetto, offrendo anche molte opportunità di utilizzo del testo standard.

45. Calibro

Calibre è un font super condensato che può sovrastare i tuoi contenuti se lo permetti, in senso positivo. È un'opzione tutto maiuscolo che include anche numeri, glifi e caratteri occidentali per buona misura.

46. ​​La domenica

Sundays è un font serif che è sicuramente dell'era presente ma ha anche un aspetto classico che è innegabile. È più sottile e curvilineo dei classici caratteri simili e ha uno stile che si adatta ai titoli e ai titoli delle riviste, ai loghi dei siti Web, alle intestazioni e altro ancora.

47. Pietra angolare

Cornerstone è un altro font a blocchi che offre un design modulare che potrebbe funzionare in diverse applicazioni, dai loghi alle intestazioni.

48. Un giorno

One Day è un font sottile con interessanti linee di disconnessione che lo rendono unico. È un altro font tutto maiuscolo con uno stile leggero e sottile. Include numeri e glifi e sembra geometrico senza essere troppo squadrato.

49. Kollektif

Kollektif è un font classicamente moderno che può essere utilizzato in molti modi. Ha un design geometrico ed è disponibile in due pesi. È inoltre ottimizzato sia per la stampa che per il web.

50. Nostalgia

Poi c'è Nostalgia, un font moderno con un fascino abbastanza retrò da far sembrare che sia stato creato decenni fa. Include 3 tipi di carattere oltre a glifi, legature e fiori alternativi. Sarebbe un'ottima scelta per loghi, titoli, poster o inviti.

51. Elixia

Elixia ha un aspetto etereo degno della tana di un alchimista. È geometrico e include angoli di linea extra su ogni lettera che offrono uno stile unico.

52. Salmone

Oppure potresti optare per il salmone. Questo font sans serif è audace e minimale. È ideale per titoli, loghi e intestazioni. È un design tutto maiuscolo e include una versione piena e delineata che si abbina bene anche insieme.

53. Thinoo

Thinoo è un altro font san serif. Viene fornito con uno stile sottile e audace e include tutti gli stili di lettere, inclusi numeri, simboli e punteggiatura. È professionale e pulito. Semplice ma accattivante. Questo funzionerebbe bene per qualsiasi tipo di sito Web e materiali stampati.

54. Amore estivo

Oppure potresti usare Summer Loving, un font moderno super divertente che include più stili di font in modo da poter creare un intero design usando un solo font. Viene fornito con un font sans e un dettaglio di pennello che può aggiungere immediatamente dimensione ai tuoi progetti. Include anche legature e lettere alternative.

55. Falso d'argento

Silverfake offre un'opzione di font serif ampiamente distanziata per titoli, loghi, intestazioni e materiali stampati. Questo starebbe benissimo come logo di una maglietta, per esempio.

56. Vienna

Infine, c'è Vienna. Questo font moderno è un'opzione serif che ha tutto il fascino di un font classico utilizzato sulle copertine delle riviste con modifiche sufficienti per attrarre l'estetica dei giorni nostri. È minimo e include lettere maiuscole, numeri e segni di punteggiatura.

Sommario

Ci sono una serie di motivi per cui potresti voler utilizzare caratteri personalizzati sul tuo sito WordPress. Sia che tu voglia adattarsi meglio al tuo marchio o rendere i tuoi contenuti più leggibili su tutti i browser, vale la pena caricare i tuoi caratteri in stile moderno.

Anche così, all'inizio il processo potrebbe sembrare scoraggiante. Devi trovare un font, scaricarlo, inserirlo in un file .zip, quindi caricarlo nella directory corretta sul tuo sito Web utilizzando un client FTP. Dovrai incollare frammenti di codice nelle aree appropriate del file CSS del tuo tema. Puoi scegliere di farlo manualmente o tramite l'uso di un plug-in (oppure puoi assumere uno sviluppatore).

Indipendentemente da come ti avvicini a questo processo, tuttavia, puoi essere certo che il risultato finale sarà elegante e aggiungerà carattere all'aspetto generale del tuo sito. Si spera che questa raccolta di caratteri moderni che abbiamo curato qui ti aiuti a scoprire quello appropriato per il tuo sito WordPress. Che sia audace o sottile, arrotondato o duro, abbellito o semplice, il carattere che scegli avrà un impatto!

(Lettura consigliata: Come nascondere la pagina e i titoli dei post in WordPress)