Tecnología

Inicio

Pixel a Point Fuentes

Pixel a Point Fuentes


Tipografía hace una diferencia en la usabilidad de las páginas Web. Este problema se complica por la variedad de opciones de tamaño de letra disponibles en estilos CSS. En lugar de definir los tipos de letra en píxeles, es posible considerar la conversión a puntos, o tal vez una medida más fácil de usar como ems o porcentajes.

Web tamaños de fuente

especificaciones CSS incluyen cuatro métodos para el tamaño de texto Web: píxeles (px), puntos (pt), porcentaje (%) y EMS (EM). Píxeles y los puntos son ambas mediciones absolutas, con un pixel que representa un píxel de la pantalla, y un punto que representa 1/72 de pulgada. Porcentaje y EMS son las mediciones de tamaño de fuente relativos, cada uno con relación al tamaño de fuente por defecto en el navegador del visitante. Por ejemplo, si el tamaño de fuente predeterminado del visitante es de 14 píxeles, un tamaño de fuente del 100 por ciento representaría el tamaño de fuente de 14 píxeles, al igual que em 1.

La conversión de píxeles de Puntos

La conversión de los tamaños de fuente basadas en píxeles en una hoja de estilo es fácil de hacer: basta con sustituir un tamaño en puntos ( "font-size: 12pt") para el tamaño en píxeles ( "font-size: 16px"). Sin embargo, los píxeles no se asignan directamente a los puntos ya que mientras las fuentes de tamaño punto normalmente permanecen independientes de la resolución de la pantalla, tamaño de letra con píxeles parezca más grande o más pequeño dependiendo de la resolución de su monitor. Esto significa que usted tendrá que determinar el tamaño de su texto en puntos probando o usando una tabla de referencia.

Cuestiones de tamaño fijo Fuentes

Si bien las fuentes de tamaño fijo ofrecen una medida de control para un diseñador web, pueden evitar que los visitantes con problemas de visión o el uso de dispositivos móviles de leer fácilmente el texto. La mayoría de los navegadores web ofrecen la posibilidad de fijar un tamaño óptimo de fuente por defecto, pero cuando el espectador se encuentra con una página Web con tamaños de fuente en píxeles o puntos, los tamaños fijos "romper" la configuración predeterminada. experto en usabilidad Jakob Nielsen recomienda utilizar tamaños de fuente relativos por esta razón. tamaños fijos también hacen que sea más difícil hacer cambios generales en la tipografía de una página, debido a que el diseñador debe cambiar cada configuración por separado de la fuente.

El uso de tamaños relativos

Ambos tamaños porcentuales y EM se basan en el tamaño de fuente predeterminado del visitante, lo que permite al espectador para controlar la legibilidad de la página Web. Además, se puede añadir un tamaño de las etiquetas <body> estilo que actúa como un tamaño de "maestro": Cuando estilos "nido" utilizando porcentajes o tamaños em, los estilos anidados son en sí mismos en relación con el tamaño por encima de ellos. Por ejemplo, si su estilo CSS para la etiqueta <body> incluye "font-size: 90%" y su estilo de los <h1> etiqueta incluye "font-size: 110%," el tamaño del texto utilizando el <h1> etiqueta aparecerá como 99 por ciento del tamaño de fuente predeterminado del visitante. Esto le permite ajustar el tamaño del texto relativo de toda la página, simplemente cambiando las etiquetas <body> estilo.