Sto cercando un modo per vedere i caratteri effettivamente renderizzati dai browser. Per essere chiaro non mi interessa vedere la famiglia di caratteri, ma il carattere specifico renderizzato.(se ad esempio il css ha impostato "font-family: arial , helvetica, sans serif;" io voglio sapere se viene renderizzato arial oppure helvetica oppure quale altro sans serif.
Ho trovato un modo per farlo tramite firefox. Ma non trovo come fare con gli altri browser. Qualcuno sa come fare?
Il font viene renderizzato secondo il database di font del browser. Tale database dipende dai font installati sul computer dell'utente. Quindi se hai:
Arial, Helvetica, sans-serif
il browser passa in rassegna i font che hai specificato, secondo l'ordine stabilito. IE renderà Arial, perchè presente su Windows. Mac renderà lo stesso Arial, perchè anche questo presente su Mac. Linux potrebbe semplicemente ripiegare su sans-serif qualora l'installazione in uso non abbia nè Arial nè Helvetica.
Ossia: il font più a sinistra, se presente, viene sempre usato. Altrimenti si passa al font successsivo. e così via, fino ad arrivare alle famiglie generiche di font, che verranno usate se tutte le famiglie specificate prima non sono disponibili.
Non cerco una spiegazione teorica, ma dei tool che forniscano il nome del font renderizzato e possibilmente informazioni tipografiche aggiuntive, come dicevo in precedenta con firefox esistono dei plugin per farlo, ma con gli altri browser sto cercando un modo per vedere queste informazioni.
Ad esempio:
Color
===============================
color: #000000
color: rgb(0, 0, 0)
background-color: transparent
Font
===============================
font-family (stack): Verdana,sans-serif
Font being rendered: Verdana
font-size: 11px
Spacing
===============================
line-height: 1.18em (13px)
vertical-align: baseline
letter-spacing: normal
word-spacing: 0px
Decoration \ Transformation
===============================
font-weight: normal
font-style: normal
font-variant: normal
text-transform: none
text-decoration: none
text-align: start
text-indent: 0px
Element Details
===============================
Element Type: <span>
Element ID: Not Applicable
Element Class: little
Nel frattempo ho trovato l'estensione per avere queste informazioni con chrome, si chiama WhatFont.
Ne mancherebbe una per Internet Explorer.
il css che hai postato centra qualcosa con la domanda?
In ogni caso sapere che font viene renderizzato di che utilità è? Cioè, l'informazione ti serve per soddisfare una tua curiosità personale (che font è questo?) oppure...?
Permessi di invio
Rispondi quotando