Che tu sia interessato al design o semplicemente all’aspetto di un particolare sito Web, sapere che tipo di carattere utilizza il sito e di che dimensione è può aiutarti a emularlo o utilizzarlo sul tuo sito web. Ci sono 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, trovare quello perfetto può richiedere più tempo del dovuto. Quando ne trovi uno buono, devi scoprire subito di cosa si tratta, altrimenti potresti perderlo per sempre. Se è particolarmente buono, puoi usarlo sul tuo sito Web, come carattere di Office o all’interno di Windows a seconda del tipo di carattere che è. Assicurati solo di tenere a mente che alcuni caratteri 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. Tratterò entrambi i tipi. Innanzitutto, ci concentreremo sul metodo del browser integrato.

  1. Fare clic con il tasto destro sulla pagina che ti piace l’aspetto e selezionare Inspect Element (Firefox), Inspect (cromo), o F12 Developer Tools (Bordo).
  2. Selezionare Inspector (Firefox) o Computed (Chrome) nelle nuove finestre in basso e scorri verso il basso a destra fino a raggiungere Font o font-size. Dovrebbe mostrare la famiglia di caratteri, il carattere specifico utilizzato, la sua dimensione, il suo colore e qualsiasi altra cosa definita dalla pagina. Strumento di ispezione di Chrome

Diversi CMS e diversi web design visualizzano le informazioni sui caratteri in vari modi. Prova questo metodo su alcune pagine web e probabilmente vedrai diversi modi in cui i caratteri sono definiti.

Strumenti di terze parti per identificare il tipo e la dimensione 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 puoi lavorare senza troppi problemi.

Firebug

come-controllare-tipo-e-dimensioni-di-font-su-un-sito-web-2

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.

  1. Basta installare il componente aggiuntivo come faresti normalmente, evidenziare del testo sulla pagina, fare clic sulla scheda HTML all’interno di Firebug, quindi fare clic su Computed sulla destra. Firebug dovrebbe quindi evidenziare il nome del carattere, la famiglia di caratteri, la dimensione, il peso e tutto ciò che è necessario 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.

come-controllare-tipo-e-dimensioni-di-carattere-su-un-sito-web-3

WhatFont

WhatFont è un bookmarklet in grado di identificare i caratteri nelle pagine web. Trascina il bookmarklet sulla barra dei preferiti e usalo per identificare quasi tutti i caratteri, ovunque. È gratuito e molto semplice. Vai a una pagina web che ti piace, fai clic sul bookmarklet e passa il mouse sopra il carattere che desideri identificare. Sopra di esso appare una piccola scatola nera che ti dice il carattere.

Poiché è stato aggiornato, è stato persino reso compatibile con i relativi componenti aggiuntivi.

Anche in questo caso, a seconda di come è configurato il CMS o di come è progettata la pagina, si tratterà di una semplice identificazione del carattere o di una casella completa che fornisce dimensioni, colore, peso e così via.

Fontanello

Da non confondere con il calciatore, Fontanello è un’ottima estensione per browser gratuita che permette di visualizzare in modo semplice e veloce il carattere di un sito. Sebbene al momento sia disponibile solo per Chrome e Firefox, vale la pena scaricare questa estensione.

Ispezione dei siti web

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? Fatecelo sapere di seguito.

Previous articleSpiegazione delle risoluzioni dello schermo dello smartphone: WQHD, QHD, 2K, 4K e UHD
Next articleCome eseguire il mirroring di un telefono, Mac o PC su Fire TV Stick