Che tu sia interessato al design o semplicemente come l'aspetto di un particolare sito Web, sapere quale tipo di carattere sta utilizzando il sito e quale dimensione può aiutarti a emularlo o utilizzarlo sul tuo sito Web. Esistono diversi modi per raggiungere questo obiettivo e te ne mostrerò alcuni qui. Quindi, se vuoi controllare il tipo e la dimensione del carattere su un sito web, continua a leggere!
Con letteralmente milioni di caratteri là fuori, scoprendo che uno perfetto può richiedere più tempo di quanto dovrebbe. Quando ne trovi uno buono, devi scoprire cosa c'è proprio lì e poi, altrimenti potresti perderlo per sempre. Se è particolarmente buono, puoi usarlo sul tuo sito web, come un carattere di Office o in Windows a seconda del tipo di carattere che è. Assicurati solo di tenere presente che alcuni caratteri sono stati protetti da copyright e non sono disponibili per l'uso pubblico.
Controlla il tipo e la dimensione del carattere su un sito Web
Esistono alcuni modi per controllare il tipo e la dimensione del carattere su qualsiasi sito Web. Il metodo più semplice utilizza il browser stesso, mentre altri utilizzano strumenti di terze parti per identificare le risorse della pagina. Tratterò entrambi i tipi. Innanzitutto, ci concentreremo sul metodo del browser integrato.
- Fai clic con il pulsante destro del mouse sulla pagina che ti piace e seleziona Inspect Element (Firefox), Inspect (Chrome) o F12 Developer Tools (Edge).
- Seleziona Impostazioni (Firefox) nelle nuove finestre in basso e scorri verso il basso a destra fino a raggiungere Carattere. Dovrebbe mostrare la famiglia di caratteri, il carattere specifico utilizzato, le sue dimensioni, il suo colore e qualsiasi altra cosa definita dalla pagina.
Diversi CMS e diversi progetti Web visualizzano le informazioni sui caratteri in vari modi. Prova questo metodo su alcune pagine Web e probabilmente vedrai alcuni modi diversi in cui vengono definiti i caratteri.
Strumenti di terze parti per identificare il tipo e le dimensioni del carattere
Esistono alcuni componenti aggiuntivi di terze parti che funzionano come plug-in o come bookmarklet e possono identificare i tipi di carattere. Funzionano con la maggior parte dei browser, incluso Safari, quindi dovresti trovare qualcosa con cui lavorare senza troppi problemi.
Firebug
Firebug era uno strumento di debug solo per Firefox per gli sviluppatori. È diventato così popolare che ora è indipendente dal browser e funzionerà con la maggior parte dei browser. È uno strumento incredibilmente versatile che può controllare qualsiasi elemento di una pagina Web, incluso il carattere.
Installa il componente aggiuntivo come faresti normalmente, evidenzia un po 'di testo sulla pagina, fai clic sulla scheda HTML in Firebug, quindi fai clic su "Calcolato" sulla destra. Firebug dovrebbe quindi evidenziare il nome del font, la famiglia di font, le dimensioni, il peso e tutto ciò che devi sapere.
Tuttavia, tieni presente che Firebug è stato sospeso dal 2017. Le versioni precedenti di esso possono ancora essere scaricate, ma non verranno più aggiornate e Firebug probabilmente perderà funzionalità man mano che i browser si evolvono.
WhatFont
WhatFont è un bookmarklet in grado di identificare i caratteri sulle pagine Web. Trascina il bookmarklet sulla barra dei segnalibri e usalo per identificare quasi tutti i font, ovunque. È gratuito da usare e molto semplice. Passare a una pagina Web che ti piace, fare clic sul bookmarklet e passare con il mouse sopra il carattere che si desidera identificare. Una piccola scatola nera appare sopra di essa, indicandoti il carattere.
Poiché è stato aggiornato, è stato persino reso compatibile con i componenti aggiuntivi correlati.
Ancora una volta, a seconda della configurazione del CMS o della progettazione della pagina, si tratterà di una semplice identificazione del carattere o di un riquadro completo che fornisce dimensioni, colore, peso e così via.
Esistono molti componenti aggiuntivi di tipo bookmarklet che possono identificare i caratteri; WhatFont è solo uno di questi. Ne usi uno? Questo articolo ti ha convinto a provarne uno nuovo? Facci sapere di seguito.
