Duda sobre como especificar tamaño de fuentes

[xexio]

Buenos dias.

Tengo la siguiente duda.

Cuando se crea una pagina web y se quiere definir el tamaño de las fuentes usando la propiedad
font-size.

Como hay que usar los atributos px, em, % y las palabras reservadas?
Segun he podido leer el uso de px no se recomienda porque las versiones antiguas de IE no lo soportan, pero claro, las versiones antiguas.

Y como se que em y % son relativas, que se hace, se define el body con px y el resto con % y em?


Saludos y gracias.

[C2am]

Más info al respecto:
http://ksesocss.blogspot.com/2012/05...o-o-no-em.html
http://ksesocss.blogspot.com/2012/11...s-contras.html

En realidad se debería dejar que el usuario defina el tamaño de la fuente, o sea no declarar en el body nada, y usar em o %, o mejor aún rem.
Claro, que eso es sacrificar algo de diseño para aumentar la accesabilidad.

Creo que no hay respuesta correcta, es decir "el que esté libre de pecado que tire la primera piedra", o "haz lo que digo y no lo que hago".

[pzin]

No sé si alguien que tenga amor propio siga usando pixeles para definir el tamaño de la fuente.

Lo mejor es lo que comenta C2am, usa em y si se te hace mucho lío usa rem que es lo mismo con menos lío.

[xexio]

Gracias por los comentarios, ya me ha quedado claro que no es correcto usar px, voy a usar rem que me aclaro bastante mas.

Pero otra duda que tengo y que no me ha quedado muy clara despues de leer los articulos es, que se suele hacer siempre, se le da un tamaño fijo de letra al body y luego en el resto se usa rem, que al ser relativa, cogera como "base" la del body?

[JanPierre]

Hola, a tu primera duda en el tema, tengo entendido que mejor se trabajan usando como medidas em que a lo que hace alusión es al ancho de la letra M ya que es la letra con mayor longitud de ancho que existe, por lo tanto 1em se acoplaría fácilmente al tamaño de cualquier letra que empleemos. 1em es equivalente al tamaño de fuente que previamente hayas definido en el elemento en el que estás trabajando, si no has definido nada este valor de 1em será 16px. Si definiste en tu boddy un tamaño general de texto de 18px, pues 1em valdrá 18 px pero el valor por defecto que coge sin haber definido nada es 16px.

Ahora, con respecto a tu segunda duda y creo que mencioné ya parte de eso, sí lo tomará en cuenta, obviamente porque los demás elementos de tu documento se encuentran dentro de la etiqueta boddy, por lo que 1em tomará como referencia el tamaño de fuente que le asignaste al boddy previamente.

[pzin]

Tampoco es muy cierto que el tamaño sea siempre 16 pixeles. Más de un usuario tendrá definido por defecto un tamaño de letra diferente, y de ahí la importancia de no cambiar ese tamaño y trabajar con medidas relativas.