I metodi per identificare un carattere in un'immagine non sono difficili, soprattutto se si tratta di un carattere facile da riconoscere in un'immagine di buona qualità. Ad esempio, è possibile fare uno screenshot di un testo su un'infografica e utilizzare un servizio online di facile utilizzo per trovare il nome esatto del carattere tipografico, che potrete poi scaricare. Vi verrà proposta anche una serie di font abbastanza simili, in modo da avere un'ampia scelta. In questa guida esamineremo questi strumenti e le estensioni che vi aiuteranno a identificare i font sui siti web.
Identificazione del carattere su un'immagine
Esistono diversi servizi online per l'identificazione dei caratteri su un'immagine, tra cui WhatFontls.com, WhatTheFont e FontSquirrel. Ci concentreremo sugli ultimi due.
Tra l'altro, questi servizi consentono di scaricare l'immagine contenente il carattere da identificare. È sufficiente importarla e specificare a quali lettere corrisponde. Ingrandisci.
WhatTheFont
È lo strumento più utilizzato per il riconoscimento dei font. Bastano pochi clic per trovare il nome del font che si sta cercando, ed è anche gratuito. Questo strumento è particolarmente utile se si lavora nel campo del design e della creazione, dove spesso è necessario identificare un font. Inoltre, è disponibile sia come applicazione web che come applicazione desktop.
Sullo strumento WhatTheFont è presente una finestra di download o di trascinamento in cui è possibile inserire l'illustrazione contenente il carattere che si desidera identificare. A questo punto basta aspettare e verrà suggerito il carattere più simile a quello che si sta cercando di identificare.
A volte il motore non è in grado di riconoscere il nome esatto del carattere, il che accade quando il carattere non è disponibile nel suo database o quando l'immagine è di qualità mediocre. Infatti, una foto di buona qualità significa un'analisi più pertinente. Ecco alcuni suggerimenti che vi aiuteranno a farlo:
- Scegliete invece immagini più piccole;
- Scegliere le illustrazioni in cui le lettere non si toccano e sono più di 20.
Nella libreria di WhatTheFont sono presenti oltre 133.000 font. Questi font appartengono al catalogo MyFonts. Dopo l'analisi, saprete già che lo strumento offre font simili a quello che state cercando, ma vi suggerirà di acquistare quello di cui avete bisogno direttamente dal sito MyFonts. Potrete quindi utilizzarlo nei vostri progetti.
FontSquirrel
È anche un sito per l'identificazione dei caratteri tipografici, che offre quasi tutti i tipi più comunemente utilizzati, classici e non. Su questo sito è disponibile lo strumento Matcherator per riconoscere un carattere tipografico su un'illustrazione. Per utilizzarlo, è sufficiente trascinare l'immagine contenente il carattere che si desidera identificare.
Riconoscimento dei caratteri su Internet
Per identificare un carattere tipografico trovato su Internet si possono utilizzare anche diverse estensioni del browser. Le più popolari sono WhatFont e FontFinder. Queste due estensioni funzionano più o meno allo stesso modo, in particolare indicando automaticamente il nome del carattere quando il mouse passa sopra un testo.
Esiste anche una funzione chiamata "element inspector", che può aiutare a riconoscere la tipografia sul web.
Ne parleremo uno per uno nelle righe che seguono:
L'estensione WhatFont
Questa estensione è disponibile solo per il browser Chrome e funziona come spiegato sopra.
L'estensione FontFinder
Oltre a essere disponibile per Chrome, è disponibile anche per Firefox ed è più avanzata di WhatFont. L'estensione FontFinder consente di confrontare due font, trovarne alcuni abbastanza simili a quello individuato e scaricarli nella propria libreria di font.
L'ispettore degli elementi
Mentre si naviga in un sito web, è possibile scoprire quali font vengono utilizzati aprendo l'ispettore elementi del browser. Si tratta di un menu che si trova dietro i tre punti a destra della barra degli URL in Chrome o Firefox, tra gli altri.
Per accedervi, è possibile utilizzare il tasto F12 della tastiera o premere Ctrl+Maiusc+C.
Dopo aver analizzato il codice sorgente del sito web, vi verrà presentato il CSS o foglio di stile. Questa è la parte che dà stile ai colori, al layout della pagina e ai caratteri.
Ecco quindi le soluzioni chiavi in mano per identificare il carattere tipografico di un'immagine o di una pagina web. Si noti che per riconoscere un carattere tipografico su un'illustrazione, questa deve essere di buona qualità e contenere un testo di facile lettura. In questo modo, l'algoritmo fornirà risultati abbastanza pertinenti.
Ora che conoscete gli strumenti da utilizzare per identificare il testo su un'immagine, dovete sapere che potete anche rimuovere il testo da un'immagine, i cui dettagli sono spiegati nel nostro articolo: come rimuovere il testo da un'immagine con Photoshop.
