Rileva facilmente Font Face con Fontface Ninja

Se incappi in un font che vuoi adottare per tuo uso personale, il modo comune per scoprire informazioni su quel font è utilizzare l'opzione Inspect Element che si trova nel browser Chrome.

In sostanza, mentre su Chrome, evidenziamo il testo e il tasto destro del mouse per selezionare Ispeziona elemento . Possiamo quindi vedere tutto il codice CSS relativo al testo evidenziato.

C'è un problema però. Come puoi vedere nella seconda immagine, il testo evidenziato viene stilizzato con molti selettori. Per controllarli tutti uno per uno, ci vorrà del tempo.

Usando Fontface Ninja per Rilevare Font

Qui è dove Fontface Ninja entra in gioco. È un'estensione per browser che ti aiuta a identificare un font per nome. E tutto ciò che devi fare è passare il mouse sul carattere che ti interessa. Oltre al nome del font, Fontface Ninja ti offre anche la dimensione e l' interlinea .

Un'altra caratteristica di Fontface Ninja che potresti trovare utile è la possibilità di nascondere foto e annunci in modo che tu possa concentrarti solo sui caratteri senza interruzioni. Il plugin ti consente anche di provare un font e, se ti piace, acquista o scarica il font.

Installazione di Fontface Ninja

Puoi scaricare Fontface Ninja da utilizzare sul browser di tua scelta.

• Cromo
• Safari

Utilizzando Fontface Ninja

Una volta installato, verrà visualizzata un'icona dell'app di un ninja che salta vicino alla barra degli indirizzi del browser. Fare clic su di esso per attivarlo. Ora puoi passare il mouse su qualsiasi testo in una pagina web per ottenere una descrizione dei comandi che mostri informazioni sul carattere.

Per provare il font, fai clic su di esso e il logo FontFace Ninja si sposterà a sinistra, dandoti spazio per digitare e provare il font che hai scelto. Puoi anche regolare la dimensione del carattere.

Per nascondere tutte le immagini in modo da poterti concentrare solo sulla tipografia, fai clic sull'opzione Maschera, che si trova accanto a Chiudi . Tutti i detect-font-fontface-ninja / saranno nascosti alla vista.

Correlati - Caratteri test dal vivo sul tuo browser

Se ti piace Fontface Ninja, probabilmente ti piacerà Font Dragr . In precedenza abbiamo scritto su come è uno strumento utile per aiutare gli sviluppatori come te testare i caratteri in diretta su un browser semplicemente trascinando il carattere nella stessa pagina web.

Scopri di più su come puoi vivere i font di prova con Font Dragr.