4 modi per identificare rapidamente i caratteri della tua pagina Web preferita

Annuncio pubblicitario

Abbiamo esaminato un aspetto elegante font gratuiti Gli 8 migliori siti Web di font gratuiti per font gratuiti onlineNon tutti possono permettersi un font con licenza. Questi siti Web ti aiuteranno a trovare il font gratuito perfetto per il tuo prossimo progetto. Leggi di più Qui 10 fantastici font gratuiti per computer che ti faranno risaltare Leggi di più pronto per essere utilizzato in qualsiasi tuo progetto, ma molti nuovi caratteri nascono ogni tanto grazie a artisti di talento. Puoi individuarli in nuovi loghi di app Web, riviste, pacchetti alimentari, ecc.

Come scopri che tipo di carattere sono questi testi in modo da poterli usare? Ecco alcuni servizi che possono aiutarti a identificare il particolare carattere della pagina web che stai guardando e rendere il processo più automatizzato di qualsiasi cosa e meno doloroso.

Per i web designer / sviluppatori: Firebug

Firebug è iniziato come un componente aggiuntivo di Firefox [non più disponibile] che raggruppa molti strumenti di sviluppo Web e consente di eseguire il debug e modificare CSS, HTML e JavaScript in qualsiasi pagina Web. Nel marzo del 2009, era ancora uno strumento esclusivo di Firefox. Avevamo pubblicato un articolo su

come installare Firebug su IE, Safari, Chrome e Opera Come installare Firebug su IE, Safari, Chrome e Opera Leggi di più , ma con le recensioni entusiastiche ricevute da Firebug, questo fantastico strumento è ora disponibile per altri browser come un bookmarklet chiamato Firebug Lite e anche un'estensione di Chrome.

Pur non sostituendo completamente il componente aggiuntivo di Firefox, questo bookmarklet Lite ha replicato molte delle funzionalità disponibili nel componente aggiuntivo. Anche l'aspetto fisico assomiglia a quasi non si può dire che non si sta utilizzando Firefox. Ma dal momento che Firebug Lite non è esattamente la stessa cosa, il sito web dell'autore consiglia di utilizzare il bookmarklet insieme a Strumenti per gli sviluppatori di Chrome se si utilizza Google Chrome.

Ad ogni modo, una volta che hai il bookmarklet o l'estensione di Chrome e vedi il testo con un carattere sconosciuto che ami, puoi evidenziare le parole, premere sul collegamento al bookmarklet, vai alla scheda HTML nel riquadro principale a sinistra, quindi alla scheda Calcolo nella colonna a destra per vedere il nome del carattere, la famiglia, la dimensione, il peso, eccetera.

Mentre Firebug è simpatico ed elegante per gli sviluppatori web, se non sei un web designer, c'è un modo più semplice per trovare rapidamente la famiglia di caratteri di alcuni testi.

Modo rapido e ordinato per ogni appassionato di tipografia: WhatFont

WhatFont è costituito da un bookmarklet pulito che, una volta attivato, puoi passare con il mouse su qualsiasi testo e ottenere immediatamente un overlay molto bello che si apre con il nome del carattere. Una volta cliccato, vedrai ulteriori dettagli sul carattere. Per tornare alla normale modalità di navigazione senza gli overlay, fai clic sull'angolo in alto a destra che dice Exit WhatFont.

Proprio come Firebug Lite, WhatFont comprensibilmente non riesce a distinguere il carattere dalle immagini, ma almeno ti avvisa quando potrebbe essere impreciso.

Se non sei uno sviluppatore o designer web, ma solo un appassionato di tipografia occasionale, WhatFont è un modo perfetto, pulito e veloce per ottenere dettagli sui font.

Puoi sempre chiedere aiuto nei forum di esperti di tipografia identificare un carattere di pagina web Come identificare i caratteri utilizzati in qualsiasi foto o immagineCosa fai quando ti imbatti in un nuovo font meraviglioso e non sai di cosa si tratta? Fortunatamente, Photoshop CC 2017 ha solo lo "strumento forense" per aiutarti a farlo. Leggi di più , ma dovresti provarlo solo se hai utilizzato WhatTheFont in quanto è davvero facile da usare. Basta ottenere uno screenshot PNG di un po 'di testo nel carattere che adori con il minor spazio possibile e caricare l'immagine o incollare l'URL dell'immagine. Ora digita o correggi le lettere evidenziate da WhatTheFont nella schermata successiva, lasciando vuote le caselle di testo dei caratteri incompleti e il gioco è fatto.

Potresti non ottenere sempre lo stesso carattere esatto, ma di solito ci sono molti caratteri strettamente correlati che WhatTheFont presenterà per te. Nei miei test, l'unico carattere che WhatTheFont non è riuscito a trovare esattamente, un esperto del forum molto utile lo ha identificato in meno di 24 ore.

WhatFontIs, formalmente conosciuto come IdentifyFonts IdentifyFonts.net: identificare facilmente i caratteri da un campione Leggi di più , è simile a WhatTheFont in quanto ti aiuta identificare i caratteri da un'immagine Identifica facilmente quel fantastico carattere di testo con WhatFontIs Leggi di più . Su questo sito, puoi anche caricare un'immagine, identificare i caratteri evidenziati e ottenere un elenco di caratteri simili a quelli nell'immagine. Una differenza è che durante la fase di selezione del personaggio, puoi scegliere di vedere tutti i risultati, solo i caratteri commerciali o solo quelli gratuiti. È inoltre possibile ottenere i dettagli della licenza nell'elenco dei risultati per risparmiare tempo.

Deposito di Web Designer ha un elenco di strumenti di identificazione dei caratteri, ma quelli qui richiedono il minimo lavoro manuale. Puoi sempre impara la tipografia 10 applicazioni Web interessanti e interessanti su caratteri e tipografiaSono sempre stato incuriosito da come linee spesse e sottili, angoli e forme possano unirsi e formare caratteri meravigliosi. Basta uno spostamento di pressione su un colpo e puoi ottenere qualcosa del tutto ... Leggi di più del tutto, oppure allena anche i tuoi occhi per identificare le proprietà dei caratteri FontTrainer FontTrainer: impara a riconoscere i tipi di carattere comuni Leggi di più di non dover fare affidamento su questi strumenti.

Invece di identificare i caratteri delle pagine Web creati da altre persone, puoi anche crea i tuoi caratteri con questi strumenti gratuiti 2 strumenti gratuiti per creare il tuo carattere di testo Leggi di più .

Abbiamo perso qualche modo super semplice per identificare i caratteri? Fateci sapere nei commenti!

Credito immagine: JoanaCroft a magazzino. Xchng