Sitio web CSS y tamaños de fuente - Mejores prácticas

Question

En mi sitio web CSS, estoy usando EM, PX, PT y porcentajes para establecer los tamaños de fuente.

También estoy usando JQuery UI que usa EM.

ahora han llegado al punto en que necesito para cambiar el tamaño de todos los tamaños de fuente a un poco más pequeño.

Con todo, lo que es lo mejor lo de traer todos los tamaños de fuente un poco y debo estar cambiando la forma en que estoy haciendo tamaños de fuente de cualquier manera?

Parece que todos tienen una opinión diferente sobre este tema.

Answer 1

la mejor práctica para el tamaño de las fuentes es em. porque no está relacionado con la resolución del cliente de los usuarios. pero utilizo píxeles en mis propias aplicaciones. porque quiero renderizar fuentes más pequeñas en resoluciones más altas. pero no se recomienda el porcentaje para el tamaño de fuente.

también se puede ver this thread para la comparación

también esto ayudaría: http://kb.mozillazine.org/Em_vs._ex

Answer 2

Según mi entendimiento. Lo que debe hacer es algo así:

body{font-size:11px;} Esto hará que 1em = 11px

Ahora todas partes Vamos a establecer el tamaño de fuente en em como:

a{font-size:1em;} y seguir de la misma manera a todos los elementos como h1{font-size:2em;}

Ahora bien, si es necesario aumentar reducir tamaño fuente acaba de establecer el tamaño de fuente en el cuerpo como:

body{font-size:13px;} etc.

Espero que ayude

Answer 3

en los días antiguos, la gente recomienda el uso de ellos para las fuentes, ya que las versiones antiguas de IE no cambiar el tamaño del texto en el zoom de otra forma.

Hoy en día todos los navegadores hacer zoom de página completa en lugar de sólo texto, así que eso es una preocupación irrelevante. Recomiendo usar px porque te da un buen control.