Por que a relación fonte de aspecto importa en sitios web
Todas as fontes teñen unha relación de aspecto (ou valor). Os valores de aspecto da fonte calcúlanse dividindo o alto da letra minúscula da fonte polo tamaño da fonte. Cando ten este valor, pode usar a propiedade estilo fontSizeAdjust en CSS3 para especificar o valor de aspecto da fonte preferida empregada para mostrar o seu sitio web.
Cando o seu sitio web vese en ordenadores que non teñen a súa fonte preferida, emprégase a propiedade fontSizeAdjust para seleccionar o mellor tamaño da fonte para a fonte de substitución.
Esta propiedade mantén as súas páxinas ben vistas eo seu tipo legible mesmo se a súa fonte de primeira elección non está dispoñible.
Sobre a propiedade FontSizeAdjust
Usando a propiedade fontSizeAdjust dálle un control sobre a substitución de fontes cando sexa necesario. Cando a fonte de primeira escolla non está dispoñible, o navegador usa a segunda fonte especificada, que a miúdo causa un gran cambio de tamaño. A lexibilidade dunha fonte está influída máis polo tamaño das minúsculas que polo tamaño das maiúsculas. Cando o navegador coñece o valor do aspecto da súa fonte preferida, é mellor determinar o tamaño que se debe usar ao mostrar a páxina na fonte de segunda elección.
Aquí tes un exemplo que axusta o tamaño da fonte usando a relación de aspecto de 0.58, que é o aspecto de Verdana. Se Verdana non está dispoñible nunha computadora, o navegador mida a fonte de substitución para que teña letras minúsculas de tamaño similar para a mellor lexibilidade.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";Nota: A partir da publicación, só Mozilla Firefox admite totalmente a propiedade fontSizeAdjust.
Ratios comúns de aspecto de fonte
Esta táboa mostra cálculos para as proporcións de aspecto de varias familias de fontes populares.
Fonte | Relación de aspecto |
---|---|
Arial | 0,52 |
Avant Garde | 0,45 |
Bookman | 0,40 |
Calibri | 0,47 |
Século escolar | 0.48 |
Cochin | 0.41 |
Comic Sans | 0.53 |
Courier | 0.43 |
Mensaxeiro Novo | 0.42 |
Garamond | 0,38 |
Xeorxia | 0.48 |
Helvetica | 0,52 |
Palatino | 0.42 |
Tahoma | 0,55 |
Times New Roman | 0,45 |
Trebuchet | 0,52 |
Verdana | 0,58 |