Come scoprire quale font usa un sito web

Entri in un sito e il font del titolo ti colpisce all'istante. È esattamente quel tipo di atmosfera che stai cercando di dare al tuo sito da settimane. Clicchi con il tasto destro, provi a "ispeziona" e ti ritrovi davanti a un muro di CSS dove devi scavare solo per trovare una riga di font-family — ammesso che tu riesca a trovarla.

I modi classici per scoprire un font, e perché sono una scocciatura

Gli strumenti per sviluppatori del browser funzionano, tecnicamente, ma sono pensati per chi fa debug del layout, non per una veloce verifica del nome di un font. Devi aprire l'ispettore, cliccare sull'elemento giusto in mezzo a un albero pieno di livelli, scorrere tra gli stili calcolati e sperare che il font non sia nascosto dietro una mezza dozzina di variabili CSS e font di riserva. Esistono anche siti che identificano i font, ma la maggior parte ti chiede di caricare uno screenshot e poi indovinare tra una lista di risultati simili tra loro — lento, e spesso sbagliato.

Bello a sapersi: c'è un modo molto più veloce che salta completamente entrambi questi passaggi — passa il mouse sul testo e hai la risposta all'istante, senza screenshot e senza aprire nessuna scheda di sviluppo.

La soluzione: FontMee

FontMee è un'estensione gratuita per Chrome fatta apposta per questo. È un pannello laterale che si apre accanto a qualsiasi pagina, e offre due cose fondamentali: uno strumento Ispeziona che ti dice il nome di qualsiasi font all'istante, e una libreria dal vivo con oltre 1900 font che puoi applicare a quella stessa pagina per vedere come apparirebbe con qualcos'altro — non solo per capire cosa c'è già, ma per provare davvero delle alternative prima di decidere.

Come riconoscere un font — passo dopo passo

1. Installa FontMee. Aggiungi FontMee dal Chrome Web Store. Gratis, nessun account richiesto.
2. Apri il pannello sulla pagina che ti interessa. Clicca sull'icona di FontMee e il pannello laterale si apre accanto al sito.
3. Clicca su Ispeziona e passa il mouse sul testo. La famiglia del font esatto, la dimensione, il peso, l'interlinea e la spaziatura tra le lettere che vedi davvero appaiono all'istante — niente strumenti per sviluppatori, niente codice sorgente.

Non solo riconosce i font, li fa anche provare dal vivo

Dopo aver scoperto quale font usa una pagina, entra in gioco il vero valore di FontMee: lo stesso pannello ti permette di provare uno qualsiasi degli oltre 1900 font — l'intero catalogo di Google Fonts più chicche esclusive di Fontshare come Satoshi e Clash Display — direttamente su quella pagina dal vivo, nel tuo browser, all'istante.

• Quattro livelli indipendenti — applica un font a tutto, solo ai titoli, solo al testo del corpo, o a un elemento specifico che clicchi, ognuno con la sua scelta
• Punta su un elemento preciso — mira esattamente a un bottone, un titolo o un paragrafo invece che all'intera pagina
• CSS pronto da copiare — una volta trovato quello che ti piace, un clic genera l'@import e le regole già pronte da incollare nel tuo foglio di stile
• Importa i tuoi font (Pro) — carica i font di un cliente o quelli che hai acquistato e guardali dal vivo allo stesso modo

Niente di quello che fai tocca il sito vero e proprio — ricarichi la pagina o chiudi la scheda e tutto torna come prima, sia per te che per chiunque altro. È un modo totalmente sicuro di chiederti "e se usassi un altro font?" sul tuo sito prima di scrivere anche solo una riga di CSS, oppure sul sito di qualcun altro solo per curiosità.

Come procurarsi l'estensione

FontMee è gratis, con oltre 1900 font, i quattro livelli, Ispeziona e Copia CSS inclusi senza costi. Se passi del tempo a scegliere font — per il tuo sito, per un cliente, o solo per curiosità su una pagina che ti piace — questo trasforma l'indovinare in qualcosa che puoi davvero vedere.

Domande frequenti