Google Fonts: i migliori font per siti web e come sceglierli

Google Fonts è una libreria di caratteri open source che puoi usare gratuitamente nei siti web, nei progetti grafici e anche in ambito commerciale. Il vero problema, però, non è trovare un font: è scegliere quello giusto tra famiglie molto diverse e implementarlo senza peggiorare leggibilità, identità visiva o prestazioni. Google conferma che i font distribuiti attraverso il servizio utilizzano licenze open source e possono essere impiegati in progetti commerciali e non commerciali. Google Fonts

Per un sito web non sceglierei quindi un carattere solo perché è popolare o perché “sta bene” nell’anteprima. Guarderei prima a leggibilità, utilizzo previsto, pesi realmente necessari, supporto linguistico, comportamento sui diversi schermi e modalità di caricamento.

In questa guida trovi una selezione ragionata dei migliori Google Fonts per diversi tipi di sito, alcuni abbinamenti affidabili e le indicazioni tecniche per usarli tramite Google, in locale o direttamente da WordPress.

Google Fonts: cosa sono e cosa offre la piattaforma

Google Fonts svolge due funzioni diverse. È innanzitutto una directory di font scaricabili, ma mette anche a disposizione un servizio web che permette al browser di richiedere automaticamente i caratteri necessari quando visita una pagina. La documentazione di Google distingue esplicitamente queste due modalità: download locale e distribuzione attraverso la Fonts API.

Questo significa che puoi scegliere fra due strategie:

• caricare i font dai server Google tramite CSS;
• scaricarli e ospitarli direttamente sul tuo sito.

Nessuna delle due è universalmente migliore. La scelta dipende dal CMS, dall’infrastruttura, dalle esigenze di privacy e da come vengono ottimizzati i file.

Font open source, download e utilizzo commerciale

Uno dei principali vantaggi di Google Fonts è la licenza. Le famiglie presenti nella raccolta vengono distribuite con licenze open source, quindi non devi acquistare una normale licenza webfont per utilizzarle in un sito commerciale. Google raccomanda comunque di verificare la licenza della singola famiglia, soprattutto se intendi modificarla o redistribuirla.

Questo aspetto rende Google Fonts particolarmente comodo quando la stessa identità tipografica deve comparire su sito, materiale grafico, documentazione o altri supporti.

Open source, però, non significa “qualunque utilizzo senza condizioni”: se modifichi un font o ne redistribuisci i file devi rispettare la licenza specifica della famiglia.

Variable fonts e come si è evoluto Google Fonts

Google Fonts non è più soltanto un catalogo di famiglie composte da file separati per Regular, Medium e Bold. La CSS API v2 supporta completamente i variable fonts, cioè font nei quali caratteristiche come peso, larghezza o inclinazione possono variare lungo uno o più assi.

Un variable font può quindi permetterti, per esempio, di utilizzare pesi intermedi senza richiedere un file statico separato per ogni variante.

Non va però interpretato come una regola del tipo “variable font = sempre più veloce”. Se utilizzi soltanto Regular e Bold, due file statici ben ottimizzati possono essere perfettamente sensati. Il vantaggio aumenta quando il progetto sfrutta davvero più pesi o assi.

Come scegliere un Google Font per un sito web

Un buon font web deve prima di tutto fare bene il lavoro che gli assegni. Un carattere spettacolare in un titolo da 64 pixel può diventare stancante in un articolo da duemila parole; un font estremamente neutro può funzionare benissimo in un’interfaccia ma risultare anonimo in un progetto editoriale.

Per questo non partirei dalla classifica dei font più popolari. Partirei dal ruolo.

Leggibilità, personalità e ruolo del font

Per i testi lunghi servono forme facilmente distinguibili, una buona spaziatura e una struttura che rimanga leggibile anche a dimensioni relativamente contenute.

Per titoli e hero puoi permetterti più personalità, contrasto e forme caratteristiche.

Per menu, pulsanti, form e dashboard diventano importanti anche la resa a piccole dimensioni e la distinzione immediata fra lettere, numeri e simboli.

Per confrontare davvero due famiglie tipografiche, prova il carattere sia sui titoli sia su blocchi di testo. Un Lorem Ipsum può essere utile nella prima prova perché simula volume e ritmo senza spostare subito l’attenzione sul significato; prima della scelta finale conviene però verificare anche italiano reale, numeri, punteggiatura e le lingue previste dal progetto.

Se invece hai visto una tipografia interessante su un altro progetto e non sai quale sia, prima di cercare un’alternativa puoi identificare il font utilizzato da un sito web e verificare se è disponibile anche su Google Fonts.

La regola pratica è semplice: scegli il carattere partendo dalla funzione, non dal suo nome.

Pesi, stili, lingue e variable fonts

Prima di installare una famiglia verifica quanti pesi ti servono davvero.

Un sito può avere una gerarchia tipografica completa usando, per esempio:

• Regular per il testo;
• Medium o Semibold per elementi di interfaccia;
• Bold per titoli e punti di enfasi.

Caricare indiscriminatamente Thin, ExtraLight, Light, Regular, Medium, Semibold, Bold, ExtraBold, Black e relative versioni italic significa spesso trasferire file che nessuna pagina utilizzerà.

La stessa attenzione vale per le lingue. Un sito solo in italiano ha esigenze diverse da un ecommerce disponibile anche in greco, cirillico, arabo o lingue asiatiche. La Google Fonts Developer API espone per ogni famiglia informazioni su stili, script e assi proprio perché la copertura non è uguale per tutti i caratteri.

Quanti font usare senza complicare il design

Nella maggior parte dei siti una famiglia ben progettata può essere sufficiente.

Una famiglia completa consente di costruire gerarchia attraverso peso, dimensione, line-height, spaziatura e colore senza aggiungere un secondo carattere.

Due famiglie hanno senso quando il contrasto svolge una funzione precisa: per esempio un serif per le headline editoriali e un sans serif per testo e interfaccia.

Tre o quattro famiglie raramente aggiungono altrettanto valore. Aumentano invece le decisioni da gestire e, se vengono effettivamente caricate, anche le risorse tipografiche richieste dal browser. Google stessa avverte che richiedere troppe famiglie e varianti può rallentare il caricamento della pagina.

I migliori Google Fonts per siti web, divisi per utilizzo

Non esiste un “miglior Google Font” in assoluto. La seguente è quindi una selezione editoriale, non una classifica universale.

I criteri utilizzati sono: leggibilità, completezza della famiglia, utilità sul web, possibilità di costruire una gerarchia efficace, disponibilità su Google Fonts e presenza di un use case sufficientemente chiaro. La popolarità, da sola, non è un criterio di qualità.

Google Font	Categoria	Dove lo userei	Punto forte	Attenzione
Inter	Sans serif	SaaS, corporate, UI, ecommerce	Molto versatile e pulito su schermo	Può risultare poco distintivo se tutto il design è neutro
Source Sans 3	Humanist sans	Blog, documentazione, corporate	Ottima leggibilità e famiglia completa	Ha una personalità volutamente discreta
Noto Sans	Sans serif	Siti multilingua e progetti internazionali	Ampia strategia di copertura linguistica	L’identità visiva è piuttosto neutra
Atkinson Hyperlegible Next	Sans serif	Progetti in cui la distinzione dei caratteri è prioritaria	Progettato con forte attenzione alla leggibilità	L’accessibilità del sito non dipende comunque dal solo font
Work Sans	Sans serif	Corporate, servizi, SaaS	Equilibrato fra neutralità e personalità	Per progetti editoriali può servire più contrasto
Montserrat	Geometric sans	Titoli, landing page, branding	Geometria forte e riconoscibile	Nei testi lunghi può risultare più impegnativo
Poppins	Geometric sans	Startup, portfolio, headline	Aspetto contemporaneo e deciso	Eviterei pesi troppo leggeri nei testi piccoli
Lora	Serif	Blog, magazine, contenuti editoriali	Calda e leggibile nei testi	Meno adatta a interfacce dense
Merriweather	Serif	Articoli e progetti editoriali	Serif robusto pensato per lo schermo	Ha una presenza visiva marcata
Playfair Display	Display serif	Headline, moda, hospitality, luxury	Forte contrasto e personalità	Non è una scelta da usare come normale body text
Fraunces	Display serif	Branding, portfolio, titoli editoriali	Molto caratterizzante e flessibile	Può dominare il progetto se usato ovunque
Roboto Mono	Monospace	Codice, dati, contenuti tecnici	Chiare differenze fra caratteri e larghezza fissa	Non lo userei per lunghi testi editoriali

Inter

Inter è probabilmente la scelta più semplice da consigliare quando non vuoi che la tipografia ostacoli l’interfaccia. Funziona bene in siti SaaS, dashboard, ecommerce e progetti aziendali nei quali menu, form, pulsanti e testi convivono continuamente.

Il limite coincide con il suo pregio: è molto neutro. Se il brand ha bisogno di una personalità tipografica forte, può essere più efficace usarlo per il corpo del testo e affidare i titoli a una famiglia più caratterizzante.

Source Sans 3

Source Sans 3 è una scelta particolarmente convincente per testi, documentazione, knowledge base e siti professionali.

Ha meno rigidità geometrica di Montserrat o Poppins e tende quindi a scomparire meglio durante una lettura prolungata. È esattamente ciò che cercherei nel body di un sito in cui il contenuto viene prima dell’effetto grafico.

Noto Sans

Noto Sans merita attenzione soprattutto quando il progetto è multilingua. La famiglia Noto nasce da un progetto tipografico molto ampio dedicato alla copertura di numerosi sistemi di scrittura.

Non significa che una singola variante di Noto Sans contenga automaticamente ogni carattere possibile: bisogna comunque verificare gli script richiesti dal progetto. Ma come ecosistema rappresenta uno dei punti di partenza più solidi per siti internazionali.

Atkinson Hyperlegible Next

Atkinson Hyperlegible Next è interessante quando vuoi massimizzare la distinzione visiva fra caratteri che possono essere facilmente confusi.

La famiglia è l’evoluzione del carattere sviluppato dal Braille Institute per migliorare la leggibilità, in particolare per persone ipovedenti, ed è disponibile anche tramite Google Fonts.

Questo non rende automaticamente un sito “accessibile”. Dimensione del testo, contrasto, spaziatura, struttura, zoom, responsive design e implementazione restano altrettanto importanti. È però una scelta tipografica da conoscere quando la leggibilità è un requisito prioritario.

Work Sans

Work Sans è un buon compromesso per chi considera Inter troppo neutro ma non vuole spingersi verso una geometria marcata come Poppins.

Lo userei per servizi professionali, siti corporate e prodotti digitali, sia nei titoli sia nel testo, sfruttando i pesi per costruire la gerarchia.

Montserrat

Montserrat funziona molto bene quando vuoi titoli netti, geometrici e immediatamente riconoscibili.

È uno dei Google Fonts più conosciuti, ma la popolarità non significa che debba diventare automaticamente il body font del progetto. Nei paragrafi lunghi preferisco generalmente affiancargli una famiglia più rilassata o utilizzare un sans serif meno geometrico.

Poppins

Poppins ha forme geometriche molto evidenti e un aspetto contemporaneo. Può funzionare bene su landing page, portfolio, startup e siti orientati alla presentazione visiva.

È invece un font che userei con maggiore cautela nei testi piccoli e molto lunghi, soprattutto con pesi leggeri.

Lora

Lora è una scelta efficace quando vuoi mantenere la sensazione di un serif editoriale senza sacrificare la resa a schermo.

La vedo bene su blog, magazine, studi professionali e siti in cui gli articoli hanno un ruolo centrale. Con un sans serif sobrio per navigazione e interfaccia crea inoltre un contrasto facile da gestire.

Merriweather

Merriweather è un serif robusto e leggibile che conserva una presenza più tradizionale.

È particolarmente adatto a articoli, approfondimenti, progetti culturali e contenuti professionali nei quali il testo deve trasmettere autorevolezza senza sembrare eccessivamente formale.

Playfair Display

Playfair Display è una scelta da titolo, non da “metto tutto in Playfair perché è elegante”.

Il forte contrasto fra tratti lo rende adatto a headline editoriali, moda, hospitality, luxury e progetti visuali, ma nei paragrafi lunghi perde parte del suo vantaggio. Lo abbinerei quindi a un sans serif molto leggibile.

Fraunces

Fraunces è utile quando il font deve contribuire realmente all’identità del progetto. Ha una personalità molto maggiore rispetto ai classici sans serif e si presta a titoli, brand e portfolio.

Proprio per questo va dosato: un carattere distintivo funziona meglio quando possiede uno spazio preciso nella gerarchia, non quando occupa ogni elemento dell’interfaccia.

Roboto Mono

Per codice, specifiche, valori tecnici e interfacce che richiedono caratteri a larghezza fissa, Roboto Mono rimane un’opzione pratica.

Un monospace può anche diventare un elemento di branding, ma per la normale lettura di articoli o descrizioni prodotto sceglierei quasi sempre una famiglia proporzionale.

E Roboto, Open Sans e Lato?

Restano famiglie perfettamente utilizzabili.

Non le considero però automaticamente le “migliori” solo perché sono state usate moltissimo sul web. Un carattere affidabile non coincide necessariamente con il carattere più adatto al tuo progetto.

Se stai progettando da zero, vale la pena confrontarle anche con Inter, Source Sans 3, Work Sans, Noto Sans e con famiglie più recenti prima di scegliere per abitudine.

Quale Google Font scegliere per il tuo progetto

Se vuoi passare dalla teoria alla decisione, userei questa matrice come punto di partenza:

Tipo di sito	Prima scelta	Alternativa	Perché
Sito aziendale	Inter	Work Sans	Puliti, leggibili e semplici da gestire
SaaS / software	Inter	Source Sans 3	Funzionano bene fra UI, testi e componenti
Ecommerce	Inter	Work Sans	Buona leggibilità fra catalogo, filtri e checkout
Blog / magazine	Lora	Merriweather	Più adatti alla lettura editoriale prolungata
Portfolio creativo	Fraunces	Poppins	Maggiore personalità nelle headline
Moda / hospitality / luxury	Playfair Display	Fraunces	Titoli ad alto impatto, da abbinare a un body sobrio
Sito multilingua	Noto Sans	Source Sans 3	Buona base per gestire più lingue, verificando gli script
Leggibilità prioritaria	Atkinson Hyperlegible Next	Source Sans 3	Forme chiare, senza confondere il font con l’intera accessibilità
Documentazione tecnica	Source Sans 3	Inter	Testo leggibile + interfaccia ordinata

Non prenderei comunque questa tabella come una sostituzione del test sul progetto reale.

Inserisci nel font:

• titoli brevi e lunghi;
• lettere accentate;
• prezzi;
• numeri;
• pulsanti;
• form;
• menu;
• paragrafi lunghi;
• testi su smartphone.

Un font può convincere sulla parola “Design” e comportarsi molto diversamente quando deve visualizzare un checkout, una tabella prezzi o un articolo.

Abbinamenti Google Fonts: come creare pairing efficaci

Un buon pairing non nasce dal fatto che due font “sono belli”. Funziona quando le due famiglie assumono ruoli distinguibili senza sembrare appartenere a due siti diversi.

Il contrasto può derivare da categoria, proporzioni, peso o personalità.

Lora + Source Sans 3

È uno degli abbinamenti che sceglierei per un blog o un sito editoriale.

Lora porta più personalità nei titoli e negli elementi editoriali, mentre Source Sans 3 mantiene pulito il corpo del testo e l’interfaccia.

Il contrasto serif/sans serif è evidente senza diventare aggressivo.

Playfair Display + Inter

Playfair Display può funzionare molto bene nelle headline, dove il suo contrasto è un vantaggio.

Inter fa il lavoro opposto: resta discreto in paragrafi, menu, pulsanti e form.

È una combinazione adatta quando vuoi una parte visuale più sofisticata ma non vuoi sacrificare l’usabilità delle sezioni operative.

Fraunces + Work Sans

Questa combinazione ha più carattere.

Fraunces può diventare la voce dei titoli, mentre Work Sans mantiene il resto del progetto più controllato. La userei per portfolio, hospitality, creatività o brand che vogliono evitare un’estetica troppo corporate.

Montserrat + Merriweather

È una combinazione più tradizionale: Montserrat porta struttura nei titoli e Merriweather rende i paragrafi più editoriali.

Funziona soprattutto quando Montserrat viene mantenuto a dimensioni sufficienti e non viene utilizzato indiscriminatamente in ogni elemento.

Quando è meglio usare una sola famiglia

Se non riesci a spiegare perché ti serve il secondo font, probabilmente non ti serve.

Inter, Source Sans 3, Work Sans e molte altre famiglie hanno abbastanza pesi e varianti per costruire l’intero sistema tipografico da sole.

Una singola famiglia significa anche meno possibilità di creare incoerenza e, spesso, una configurazione di caricamento più semplice.

Come scaricare e usare Google Fonts sul sito

Dopo aver scelto il carattere arriva la parte tecnica. Qui hai tre percorsi principali:

1. utilizzare la Google Fonts CSS API;
2. ospitare i file localmente;
3. usare gli strumenti del CMS, se disponibili.

Integrare un font con la Google Fonts CSS API

L’integrazione tramite API è il metodo più immediato.

Dal catalogo Google Fonts selezioni la famiglia e le varianti necessarie, quindi utilizzi il codice di incorporamento generato dalla piattaforma. La documentazione ufficiale spiega che il browser richiede prima il foglio di stile e successivamente i file font appropriati.

Dopo aver caricato il foglio di stile, assegni la famiglia nel CSS:

body {
    font-family: "Inter", system-ui, sans-serif;
}

Mantieni sempre un fallback sensato. Se il web font non viene caricato, il browser deve poter visualizzare comunque il contenuto con un carattere compatibile.

Con la CSS API v2 puoi inoltre richiedere soltanto i pesi che utilizzi o, per le famiglie variabili, intervalli specifici degli assi. Google raccomanda esplicitamente di non richiedere stili inutilizzati perché aumentano la quantità di dati che l’utente deve scaricare.

Scaricare e ospitare Google Fonts in locale

Il self-hosting consiste nel servire i file font dallo stesso dominio o dalla tua infrastruttura anziché richiederli ai server Google.

La configurazione di base utilizza @font-face:

@font-face {
    font-family: "Mio Font";
    src: url("/fonts/mio-font.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Mio Font", system-ui, sans-serif;
}

Per il web moderno WOFF2 è normalmente il formato da privilegiare grazie alla compressione e al supporto dei browser. Le linee guida web.dev raccomandano inoltre di applicare al self-hosting le stesse attenzioni che un provider esterno applica ai propri file, come compressione e subsetting quando necessario.

Self-hosting significa più controllo, ma anche più responsabilità: caching, formati, varianti, aggiornamenti e configurazione diventano parte del tuo stack.

Come usare Google Fonts in WordPress

Su WordPress il primo passo non dovrebbe più essere automaticamente “installa un plugin per i Google Fonts”.

La Font Library di WordPress permette di gestire i font dal pannello di amministrazione, caricare file e installare famiglie provenienti da Google Fonts. Quando installi un Google Font attraverso questa funzione, WordPress scarica i file e li ospita sul sito invece di richiederli a Google durante la visita dell’utente.

Nelle installazioni che espongono la funzione trovi la gestione in Aspetto → Font. Le famiglie installate possono poi essere utilizzate negli stili disponibili per il tema.

Se usi un builder, un tema con sistema tipografico proprietario o uno stack personalizzato, controlla prima chi sta già caricando i font. Uno degli errori più comuni è configurare la stessa famiglia nel tema, nel builder e in un plugin, ottenendo richieste duplicate o regole CSS concorrenti.

Google Fonts e performance: cosa conta davvero

Google Fonts non rende automaticamente un sito veloce né lento.

La differenza nasce da quante risorse carichi, quando vengono scoperte dal browser, quanto sono pesanti, da dove vengono servite e quanto il fallback differisce dal font finale.

Remote hosting e self-hosting: quale può essere più veloce

È intuitivo pensare che un font ospitato localmente debba essere sempre più veloce perché elimina la connessione a un dominio esterno.

In pratica non è così semplice.

Web.dev osserva che il self-hosting può avere un vantaggio teorico eliminando il setup della connessione a terze parti, ma che le prestazioni reali dipendono dall’infrastruttura. Un server lento o privo di una buona distribuzione può servire i file peggio di un provider esterno ottimizzato.

La decisione corretta è quindi misurabile:

remote vs self-host → stessa pagina → stessa rete/test → confronta rendering e trasferimento.

Non sceglierei il self-hosting soltanto perché qualcuno lo definisce “più veloce per la SEO”.

font-display, preload, subset e fallback

Quattro interventi hanno più senso di molte presunte scorciatoie.

1. Carica soltanto ciò che utilizzi.
Se ti servono 400 e 700, non richiedere automaticamente nove pesi.

2. Definisci consapevolmente font-display.
swap permette di visualizzare rapidamente il testo con un fallback e sostituirlo quando il web font è disponibile. Questo evita di nascondere il testo durante l’attesa, ma uno swap fra font con metriche molto diverse può provocare spostamenti del layout.

3. Usa preload solo quando serve davvero.
Precaricare un font lo rende disponibile prima, ma gli assegna anche priorità sottraendo banda ad altre risorse. Web.dev raccomanda espressamente cautela: non va applicato indiscriminatamente a ogni font.

4. Riduci i glifi quando il caso d’uso lo consente.
Subsetting e unicode-range possono impedire di scaricare caratteri che il contenuto non utilizza. Con siti multilingua, però, bisogna evitare di eliminare glifi necessari solo per risparmiare qualche kilobyte.

Come evitare che i font peggiorino LCP e CLS

I font possono influire sia sulla comparsa dei testi sia sulla stabilità del layout.

Per limitare i problemi:

• usa un fallback con proporzioni ragionevolmente simili;
• evita famiglie e pesi inutili;
• rendi presto disponibili i font effettivamente critici;
• non precaricare tutto;
• usa WOFF2 nel self-hosting;
• verifica il comportamento con dati reali invece di giudicare solo il peso del file.

Il CLS merita attenzione particolare: se il testo viene inizialmente renderizzato con un fallback e il font finale ha larghezze o altezze molto diverse, righe e componenti possono spostarsi durante lo swap.

La scelta tipografica e l’ottimizzazione tecnica sono quindi due parti dello stesso problema.

Google Fonts e privacy: quando conviene il self-hosting

Quando utilizzi la Google Fonts Web API, il browser del visitatore deve comunicare con i server Google per ottenere CSS e file font.

Google spiega che queste richieste includono necessariamente informazioni tecniche come l’indirizzo IP necessario alla comunicazione e che il servizio è progettato per limitare raccolta, archiviazione e utilizzo dei dati. Google dichiara inoltre di non utilizzare i dati raccolti tramite Google Fonts per creare profili degli utenti finali o per pubblicità mirata.

Cosa cambia quando il browser contatta i server Google

La questione pratica è semplice: con il caricamento remoto esiste una richiesta verso un’infrastruttura terza.

Questo elemento deve essere considerato all’interno della configurazione privacy complessiva del sito, insieme alla base giuridica applicabile, alle informazioni fornite all’utente e agli altri servizi utilizzati.

Non è corretto ridurre l’argomento a una formula universale del tipo:

Google Fonts remoto è sempre illegale.

Ma non è corretto nemmeno ignorare il flusso dati perché “sono soltanto font”.

Perché il self-hosting può semplificare la gestione privacy

Se i file sono ospitati direttamente dal tuo sito, il browser non deve contattare Google per scaricarli durante la visita.

Questo riduce una dipendenza esterna e semplifica il flusso tecnico relativo ai font. È uno dei motivi per cui, quando l’infrastruttura lo consente, il self-hosting può essere una scelta molto razionale.

Non significa però:

self-hosting Google Fonts = sito automaticamente conforme al GDPR.

La conformità riguarda l’intero trattamento dei dati, non il singolo file .woff2. Analytics, video incorporati, mappe, advertising, cookie, moduli, CRM e altri servizi devono essere valutati separatamente.

Per questo preferisco considerare il self-hosting una decisione architetturale utile per ridurre richieste esterne, non un bollino legale.

Conclusione

Se devi scegliere un Google Font per un sito, non partire dalla lista dei più popolari. Parti da cosa dovrà leggere e fare l’utente.

Per un’interfaccia o un sito aziendale sceglierei come prime opzioni Inter, Source Sans 3 o Work Sans. Per un progetto editoriale valuterei Lora o Merriweather. Per titoli con maggiore personalità Playfair Display e Fraunces hanno più senso, mentre Noto Sans diventa particolarmente interessante quando il progetto deve gestire più lingue.

Atkinson Hyperlegible Next merita invece attenzione quando la distinzione delle forme dei caratteri è una priorità, ricordando che l’accessibilità non può essere delegata a un font.

Dopo la scelta, la parte più importante è evitare di vanificare il lavoro con un’implementazione disordinata: carica soltanto pesi e stili necessari, scegli consapevolmente fra API e self-hosting, controlla i fallback e misura il comportamento reale della pagina.

La tipografia non vive isolata dal resto del progetto. Se stai ripensando non solo i caratteri ma anche struttura, responsive design, performance e identità complessiva, questi elementi vanno coordinati nello stesso processo di realizzazione del sito web, invece di essere corretti uno alla volta dopo la pubblicazione.