Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come cambiare i caratteri nel vostro tema WordPress (5 modi semplici)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Il font del testo del sito web ha un ruolo importante nel design e nell’identità del brand. Può migliorare la leggibilità dei contenuti e dare al sito un aspetto moderno e professionale.

Fortunatamente, modificare i font sul vostro sito WordPress è semplice e non richiede competenze tecniche avanzate. A nostro avviso, è uno dei modi più semplici per dare al vostro sito web un aspetto professionale in pochissimo tempo.

In questo articolo vi mostreremo come cambiare i font in WordPress utilizzando 5 modi diversi. Con questi metodi, potrete cambiare facilmente i font senza dover toccare una sola riga di codice.

How to change font in WordPress

Perché cambiare i font sul vostro sito web WordPress?

I font sono una parte essenziale del design del sito web e hanno un enorme impatto sull’aspetto del sito WordPress.

Se il vostro sito web ha un font difficile da leggere, sarà difficile trattenere i visitatori, che finiranno per abbandonare il sito.

Un font mostra anche l’identità del vostro brand. Ad esempio, è possibile utilizzare font specifici per dare al sito un aspetto più professionale o casual.

Itemi di WordPress sono dotati di un carattere, di una dimensione del font e di un colore predefiniti per il sito web. Tuttavia, potreste voler cambiare il font predefinito con qualcosa di diverso.

Fortunatamente, esistono diversi modi per modificare i font in WordPress. Vi mostreremo diversi metodi e potete fare clic sui link sottostanti per passare a qualsiasi sezione:

Pronti? Entriamo subito nel vivo.

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

Cambiare i caratteri nel Customizer del tema WordPress

Un modo semplice per modificare il font del sito è quello di accedere al personalizzatore di temi di WordPress. Esso consente di modificare l’aspetto del sito web e mostra un’anteprima in tempo reale.

Nota: se l’opzione del menu del Personalizzatore è assente, è probabile che il vostro tema abbia abilitato la modifica completa del sito e dovrete usare un metodo diverso o cambiare tema.

Per questa guida utilizzeremo il tema Astra. Tuttavia, tenete presente che le opzioni possono variare a seconda del vostro tema WordPress. In generale, nel Personalizza è necessario cercare le impostazioni “font” o “tipografia” specifiche del tema.

Per iniziare, potete andare su Aspetto ” Personalizza dalla vostra dashboard di WordPress.

Go to appearance menu

In questo modo si avvia il personalizzatore del tema di WordPress.

Il tema Astra ha una sezione “Globale” con opzioni per modificare gli stili globali del sito. Per modificare il font dell’intero sito web, è possibile fare clic sull’opzione “Globale” nel menu a sinistra.

Go to Global settings

Nella schermata successiva, sono presenti opzioni come “Tipografia”, “Colori”, “Contenitore”, “Pulsanti” e altre ancora.

Fate clic sull’opzione “Tipografia”.

Open typography settings

Da qui è possibile scegliere diversi font nella sezione “Preimpostazioni”.

Si tratta di combinazioni di font predefinite offerte dal tema e la selezione di una preimpostazione cambierà il font su tutto il sito web.

Al passaggio del mouse su una preimpostazione di font è possibile vedere la combinazione di font. Ad esempio, qui possiamo vedere la combinazione ‘Montserrat e Source Sans Pro’ di una di queste preimpostazioni.

Font presets showing font combo in theme customizer

Inoltre, è possibile modificare i font dei singoli elementi del tema.

Ad esempio, è possibile utilizzare un font diverso per il contenuto e per le head. Esistono anche opzioni per utilizzare font separati per ogni livello di head.

Per iniziare, basta scegliere un font dal menu a discesa “Famiglia di font” per ogni singolo elemento.

Change font of individual elements

Inoltre, sono disponibili altre opzioni per modificare la dimensione del font, il peso, selezionare varianti e altro ancora.

Al termine, non dimenticate di fare clic sul pulsante “Pubblica” o “Aggiorna”.

Ora è possibile visitare il sito web e vedere il nuovo font. Sul nostro sito demo, abbiamo modificato il font del contenuto in Roboto e quello delle head in Helvetica, ad esempio.

Font change preview

È importante notare che non tutti i temi per WordPress offrono le stesse caratteristiche e personalizzazioni di Astra. Se il vostro tema non offre queste caratteristiche, continuate a leggere il metodo successivo.

Cambiare i caratteri nell’editor completo di WordPress

Se si utilizza un tema WordPress a blocchi come Twenty Twenty-Two, è possibile modificare il carattere del sito utilizzando l’editor completo del sito (FSE).

L’editor del sito completo consente di personalizzare il tema di WordPress utilizzando i blocchi, proprio come quando si modificano i post o le pagine utilizzando l’editor di contenuti di WordPress. Tuttavia, FSE è attualmente in versione beta e solo pochi temi lo supportano.

Per questo tutorial utilizzeremo il tema Twenty Twenty-Two.

Per iniziare, potete andare su Aspetto ” Editor dal pannello di amministrazione di WordPress.

Go to full site editor

Si aprirà l’editor del sito completo per il tema WordPress.

Successivamente, è possibile fare clic sull’icona “Stili” in alto a destra e poi sull’opzione “Tipografia”.

Open the style settings

Successivamente, è possibile selezionare elementi come testo e link per modificarne la tipografia.

Selezioniamo ‘Testo’ come elemento e poi facciamo clic sul menu a discesa ‘FONT’ per cambiare il font.

Change font in FSE

Al termine, è sufficiente fare clic sul pulsante “Salva”.

Avete modificato il font utilizzando l’editor del sito. Potete anche aggiungere font personalizzati al vostro sito WordPress e poi modificarli nell’editor del sito.

Cambiare i caratteri di WordPress utilizzando un plugin di WordPress

Un altro modo per modificare i font di WordPress è utilizzare un plugin per WordPress come Fonts Plugin.

È un plugin per la tipografia di WordPress che permette di aggiungere migliaia di font di Google e diverse varianti di font al vostro sito web.

Per prima cosa, è necessario installare e attivare Fonts Pugin. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Dopo l’attivazione, vedrete l’offerta della guida rapida del plugin Fonts nella vostra dashboard di WordPress. Potete inserire il vostro indirizzo email per ottenere il PDF o navigare su “Personalizza font” per iniziare a modificarlo.

Fonts Plugin's customize fonts menu item

Questo aprirà le opzioni di personalizzazione del plugin nel Personalizza del tema.

In questa pagina, fare clic sul menu “Impostazioni di base”.

Fonts Plugin's basic settings menu

Una volta all’interno della voce di menu, è possibile iniziare a personalizzare il contenuto, le head e la tipografia dei pulsanti.

È sufficiente espandere il menu a discesa per ogni elemento di testo e scegliere il font preferito.

Fonts Plugin's font dropdowns

Una volta fatto, non dimenticate di fare clic sul pulsante “Pubblica” e il plugin Fonts aggiornerà le modifiche.

Cambiare i caratteri utilizzando un costruttore di temi WordPress

Esistono molti potenti builder per temi WordPress che consentono di creare un tema personalizzato senza modificare il codice. È possibile utilizzarli per modificare il font di diversi elementi del sito web.

Per questo tutorial, utilizzeremo SeedProd. È il miglior plugin per la creazione di landing page e temi per WordPress e offre una trascina e rilascia per creare temi personalizzati senza toccare una sola riga di codice.

Si noti che è necessaria la versione SeedProd Pro, che include il builder dei temi. Esiste anche una versione SeedProd Lite, utilizzabile gratuitamente.

Per prima cosa, è necessario installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida su come installare un plugin di WordPress.

Dopo l’attivazione, verrà visualizzata la schermata di benvenuto di SeedProd. Inserire la chiave di licenza e fare clic sul pulsante “Verifica chiave”. È possibile trovare facilmente la chiave di licenza nell’area del proprio account SeedProd.

SeedProd license key

Dopodiché, si può andare su SeedProd ” Theme Builder dalla dashboard di WordPress.

Quindi, fate clic sul pulsante “Temi” in alto.

Create your custom theme

Da qui, il plugin vi mostrerà diversi temi tra cui scegliere.

È sufficiente fare un passaggio del mouse sul tema che si desidera utilizzare e poi fare clic su di esso. Per questa esercitazione utilizzeremo il tema “Starter”.

Choose a starter theme

SeedProd ora genera diversi template di temi.

È possibile modificare ogni template e personalizzare il tema di WordPress. C’è anche un’opzione per aggiungere manualmente un template.

Modifichiamo il template del tema della homepage e cambiamo i font dei diversi elementi. Per iniziare, si può fare clic sul link “Modifica design” sotto “Homepage”.

Edit homepage design

In questo modo si avvierà il builder del tema di SeedProd, con trascinamento e rilascio. È possibile add-on nuovi elementi dal menu a sinistra e posizionarli in qualsiasi punto del template.

Per modificare il font di una qualsiasi sezione del tema, è sufficiente selezionarla. Ad esempio, selezioneremo la casella di testo sotto l’header Starter.

Successivamente, si dovrà andare alla scheda “Avanzate” dal menu sulla sinistra e fare clic sul pulsante “Modifica” davanti a Tipografia.

Select text in theme builder

A questo punto, verranno visualizzate diverse opzioni per modificare la tipografia della sezione selezionata.

È possibile fare clic sul menu a discesa “Famiglia di caratteri” e scegliere un carattere per il testo. Sono inoltre disponibili opzioni per selezionare il peso del carattere, regolare la dimensione del carattere, l’altezza della linea, l’interlinea, l’allineamento, le maiuscole e altre ancora.

Change font in theme builder

Ora è possibile ripetere questo passaggio e cambiare il carattere di altri elementi del tema.

Una volta terminato, è sufficiente fare clic sul pulsante “Salva” in alto.

Per applicare il tema e i font personalizzati, andare su SeedProd ” Theme Builder e spostare su Sì l’interruttore accanto all’opzione “Enable SeedProd Theme”.

Enable SeedProd theme

Se volete creare un tema WordPress da zero, consultate la nostra guida su come creare facilmente un tema WordPress personalizzato.

Personalizzare l’aspetto dei caratteri nell’editor dei contenuti di WordPress

È inoltre possibile modificare l’aspetto dei font nei post e nelle pagine specifiche del blog utilizzando l’editor dei contenuti.

Lo svantaggio di questo metodo è che applicherà il nuovo font solo a quella particolare pagina o post. In altre parole, dovrete ripetere questo passaggio per tutte le altre pubblicazioni a cui volete applicare un personalizzato simile.

Sebbene questo metodo possa essere molto utile per personalizzazioni specifiche della pubblicazione, si dovrebbero prendere in considerazione le altre opzioni se si cerca un’opzione per la modifica dei font di tutto il sito.

Per cambiare il font utilizzando l’editor di contenuti di WordPress, è sufficiente modificare una pubblica o aggiungerne una nuova. Una volta entrati nell’editor di testo di WordPress, è possibile selezionare il testo per modificarne l’aspetto.

Nel pannello delle impostazioni sulla destra, ci si deve dirigere verso la sezione “Tipografia”. Quindi, fare clic sui 3 punti davanti a “Tipografia” e selezionare “Aspetto” dal menu a discesa.

Open typography settings in content editor

Una volta fatto ciò, appariranno le impostazioni di “Aspetto”. Facciamo clic sul menu a discesa e selezioniamo uno stile per il font. Ad esempio, è possibile rendere il font in grassetto, sottile, corsivo, nero, grassetto accentuato, grassetto accentuato e altro ancora.

In quest’area di impostazione è possibile modificare la dimensione del font, scegliere un caso di lettere, modificare il colore, abilitare le maiuscole e altro ancora.

Choose an appearance style

Non dimenticate di aggiornare o pubblicare la pagina quando avete finito.

Consiglio dell’esperto: Volete invece rinnovare in modo completo e professionale il vostro sito web? Il nostro team è specializzato nella creazione di siti web straordinari con una bella tipografia che farà brillare il vostro brand. Scoprite cosa possiamo fare per voi con i nostri servizi di design WPBeginner!

Speriamo che questo articolo vi abbia aiutato a capire come cambiare i font in WordPress. A seguire, potreste anche consultare la nostra guida su come add-onare facilmente le icone dei font nel vostro tema WordPress e su come cambiare il colore predefinito della selezione del testo in WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

1 commentoLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.