5 modi per identificare i font in una pagina Web

Pubblicato da Rob Hope in Landing Page Tutorial, il 20 maggio 2018

Così si sta facendo la vostra cosa navigando sul web e inciampare sulla combo font illest, ma non è possibile identificare il carattere? Bene, in questo video (e elenco di riepilogo qui sotto) ti mostro esattamente come trovare quei font

Fontanello (Chrome + Firefox)

Fontanello Chrome e Firefox Extension, a mio parere, è il modo più rapido per scoprire quale tipo di carattere sta usando una pagina web. È sufficiente fare clic destro sul testo, trovare Fontanello nel menu e pow c’è la famiglia di font e alcuni attributi aggiuntivi.

WhatFont (Chrome e Safari)

WhatFont Chrome e Safari Extension è la mia opzione preferita quando si tratta di scoperta dei font. Per attivare lo strumento è necessario fare clic sull’icona Quale carattere nel menu del browser. Ora è possibile selezionare più parti di testo consentendo una migliore visualizzazione della ripartizione dei caratteri vs Fontanello.

Visual Inspector (Chrome)

Visual Inspector Chrome Extension offre un po ‘ più di profondità rispetto ai due precedenti. È sufficiente fare clic sull’icona di Visual Inspector nel menu Chrome per attivare lo strumento, quindi dirigersi verso la sezione Tipografia nel menu a discesa. Ora ti vengono presentate le famiglie di font utilizzate con un’ulteriore suddivisione di tutta la tipografia all’interno della pagina web.

Buon vecchio codice di ispezione (Tutti i browser)

Quindi, se si sta cercando di evitare l’installazione di decine di estensioni del browser, possiamo trovare di più sui font utilizzati attraverso un buon vecchio codice di ispezione:

Se si utilizza Google Chrome, fare clic destro sul testo mistero, selezionare Ispezionare. Si apre DevTools, assicurati di essere nella scheda Stili e vai agli attributi della famiglia di font per saperne di più sui font.

Se si utilizza Firefox, fare clic destro sul testo, selezionare Ispeziona elemento. Il loro ispettore si apre, ora vai alla comoda scheda Fonts per le informazioni di cui hai bisogno.

Se si utilizza Safari, assicurarsi che il menu Sviluppatore sia visibile selezionando la casella nella parte inferiore della scheda Avanzate delle preferenze di Safari. Ora fare clic destro sul testo, selezionare Ispeziona elemento. Apri la barra laterale Dettagli se è chiusa e seleziona l’opzione Stili – Calcolo. La sezione font-family presenterà le informazioni sui font all’interno degli attributi di stile.

Scoprire i font rinominati (metodo avanzato)

Un ostacolo che possiamo affrontare è quando una famiglia di font non è chiaramente nominata, naturalmente eliminare strumenti e metodi di ispezione dei font. Iniziamo la missione di salvataggio scaricando effettivamente il font.

Ci sono diversi modi per farlo, ma comincio notando il nome del font corrente. Ora apri lo strumento Inspector (sto usando Google Chrome), vai alla scheda Applicazione e scorri fino alla sezione Frames e apri i font. Dobbiamo abbinare il nome del file con il nome del font notato in precedenza. Ora apri quel font in una nuova scheda per scaricarlo. Infine trasciniamo quel file di font nel fantastico Cosa può fare il mio font? sito web e bam, le informazioni di carattere è presentato in modo bello. In questo modo si può ottenere la massima soddisfazione per i nostri clienti e per i nostri clienti.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.