Come faccio a sapere quale font sta usando Chrome?

Immaginate Ho il seguente CSSCome faccio a sapere quale font sta usando Chrome?

font-family: 'Non-existant Sans', Arial, sans-serif;

Supponendo 'inesistente Sans' non è installato sul sistema, Arial verrà utilizzato dal browser. Usando Chrome, c'è un modo per scoprire quale font viene reso?

Modifica: Dave (nei commenti alla domanda) ha indicato una domanda simile. Sto specificatamente chiedendo di Chrome qui. Molte delle risposte nell'altra domanda suggeriscono estensioni che vanno bene, comunque; esiste un modo nativo per determinare queste informazioni usando solo Dev Tools?

Edit settembre 2013: Il team di Chrome ha appena annunciato che l'ispezione font-family è ora disponibile nella latest builds of Chrome Canary (Twitter link contiene un'immagine con maggiori informazioni). Questo dovrebbe passare attraverso dev> beta> stabile nelle prossime settimane - ottime notizie!

fonte

2012-02-03 Liam Newmarch

Grazie Dave, Ho provato a cercare ma non ho trovato nulla. Non c'è un modo per determinare il font utilizzato senza usare un'estensione? –

I tuoi "Sans inesistenti" possono essere visualizzati con @ font-face nel tuo css. http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Non conosco un modo per rilevare il rendering dei caratteri, quindi non rispondo tecnicamente alla domanda. Ho trovato questo: http://webdesignerwall.com/tutorials/css3-font-face-design-guide è un javascript chiamato Modernizr che garantisce che un browser non supporti @ font-face, quindi caricherà font di fallback come Arial e Helvetica.

fonte

2012-02-03 14:21:51

Se non si desidera utilizzare un plugin c'è un bookmarklet che vi dirà questo (una volta attivato e si passa sopra detto testo):

http://chengyinliu.com/whatfont.html

fonte

2012-02-03 15:02:05

Idea interessante, ma sono riuscito a farlo funzionare solo sulla sua pagina di esempio. – Dave

Bel suggerimento, mi piace che sia disponibile sia come plugin che come bookmarklet. Preferirei una soluzione che utilizza Dev Tools, ma questo è il migliore finora. –

Sono un po 'tardi per la festa ma ho appena scoperto un modo molto semplice per eseguire il debug del tipo di carattere utilizzato dal browser.

In Chrome Web Inspector, vai allo stack di caratteri nel pannello CSS di Elements Panel. Quindi, iniziando dalla cima della pila, cambia il nome del carattere (aggiungo lettere casuali) tenendo d'occhio il testo in questione. Quando cambi quella in uso vedrai il testo cambiare tipo di carattere mentre torna a quello successivo nella pila.

presumo qualcosa di simile è possibile nella maggior parte degli strumenti dev

voilà

fonte

2012-06-29 10:38:22 Iolo

Questa è una buona idea e non richiede l'uso di un'estensione o di un bookmarklet, grazie. –

In realtà ho avuto l'idea dal "Sans inesistente" nella tua domanda – Iolo

In devtools Google Chrome nella scheda 'Elements', sotto 'computerizzata':

Magic paper roses hello kitty

fonte

2013-10-24 02:02:43 Michelle

Grazie ananas, ma vedi la modifica alla domanda che ho fatto il mese scorso. –

+15

In Chrome 34.0.1847.116, il carattere di rendering è elencato nella scheda Calcolata fino in fondo. La sezione è chiamata "Caratteri animati". Devi anche selezionare un elemento specifico con testo, altrimenti non verrà mostrato. – JMS10

Cosa significa "69 glifi" dopo il nome del carattere? – agad

Come faccio a sapere quale font sta usando Chrome?

risposta

Problemi correlati