Che tu sia interessato al design o semplicemente all’aspetto di un particolare sito web, sapere che tipo di carattere utilizza il sito e che dimensione è può aiutarti a emularlo o usarlo sul tuo sito web. Ci sono diversi modi per raggiungere questo obiettivo, e vi mostrerò alcuni di loro qui. Quindi, se si desidera controllare il tipo di carattere e le dimensioni su un sito web, continuate a leggere!
Con letteralmente milioni di font là fuori, trovando che quello perfetto può richiedere più tempo di quanto dovrebbe. Quando si individua una buona, è necessario scoprire che cosa è proprio lì e poi, altrimenti si potrebbe perdere per sempre. Se è particolarmente buono, puoi usarlo sul tuo sito web, come font di Office o all’interno di Windows a seconda del tipo di font che è. Basta fare in modo di tenere a mente che alcuni font sono stati protetti da copyright e non sono disponibili per l’uso pubblico.
Controllo del tipo e della dimensione del carattere su un sito Web
Ci sono 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. Coprirò 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).
- Selezionare Inspector (Firefox) o Computed (Chrome) nelle nuove finestre in basso e scorrere verso il basso a destra fino a raggiungere Font o font-size. Dovrebbe mostrare la famiglia di font, il font specifico utilizzato, la sua dimensione, il suo colore e qualsiasi altra cosa la pagina definisca.
Diversi CMS e diversi disegni web visualizzano le loro informazioni sui font in vari modi. Prova questo metodo su alcune pagine web e probabilmente vedrai alcuni modi diversi di definire i font.
Strumenti di terze parti per identificare il tipo e la dimensione del carattere
Ci sono alcuni componenti aggiuntivi di terze parti che funzionano come plugin 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 puoi lavorare senza troppi problemi.
Firebug
Firebug usato per essere uno strumento di debug Firefox-only per gli sviluppatori. È diventato così popolare che ora è indipendente dal browser e funzionerà con la maggior parte dei browser. Si tratta di uno strumento incredibilmente versatile che può controllare qualsiasi elemento di una pagina web, compreso il carattere.
- Basta installare il componente aggiuntivo come si farebbe normalmente, evidenziare del testo sulla pagina, fare clic sulla scheda HTML all’interno di Firebug, quindi fare clic su Calcolato a 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 interrotto a partire 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 font 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 il mouse sopra il carattere che si desidera identificare. Una piccola scatola nera appare sopra di esso, che ti dice il carattere.
Come è stato aggiornato, è stato anche reso compatibile con i relativi componenti aggiuntivi.
Ancora una volta, a seconda di come è configurato il CMS o di come è progettata la pagina, questa sarà una semplice identificazione del font o una scatola completa che ti darà dimensioni, colore, peso e così via.
Fontanello
Da non confondere con il calciatore, Fontanello è una grande estensione per il browser gratuito che permette di visualizzare rapidamente e facilmente il carattere di un sito. Anche se è attualmente disponibile solo per Chrome e Firefox, questa estensione vale la pena il download.
Ispezionare i siti Web
Ci sono molti componenti aggiuntivi di tipo bookmarklet che possono identificare i font; WhatFont è solo uno di questi. Ne usi uno? Questo articolo ti ha convinto a provarne uno nuovo? Fateci sapere qui sotto.