Propiedad CSS font:40px/1.2em

delzep · #1 (**permalink**) 19/10/2011, 15:16

Necesito ayuda con esta propiedad, no sé que significa. Entiendo el uso de font:40px o font:1.2em, pero no sé que significa font:40px/1.2em.
Gracias a quien me pueda colaborar con una explicación, ya que he buscado en internet y no he encontrado nada.

p3rikl3s · #2 (**permalink**) 19/10/2011, 15:43

Hola delzep, no es mas que la equivalencia de un sistema métrico a otro. En este caso font: 40 px o lo que equivale a 1.2em. A pesar que hoy día, en la mayoría de los navegadores, cualquiera de las dos medidas son interpretadas de la misma manera, siempre hay uno que otro dispositivo móvil (tamaño de la pantalla), aplicación web (cliente de correo electrónico), donde esto tiende a variar. Por ejemplo los editores de texto de los correos electrónico (gmail, hotmail, etc) unos interpretan mejor un sistema que otro, entonces para evitar, en este caso, que el tamaño de la letra varíe según el cliente de correo, se usa su equivalencia en otro sistema métrico

delzep · #3 (**permalink**) 19/10/2011, 15:56

Hola p3rikl3s, muchas gracias por la pronta respuesta. Me ha quedado muy claro el tema.

pitufoweb · #4 (**permalink**) 19/10/2011, 16:05

@p3rikl3s

Me temo que esta usted en un error.

font:40px/1.2em

40px = font-size
1.2em = line-height

Saludos

delzep · #5 (**permalink**) 19/10/2011, 16:30

Hola pitufoweb, tienes toda la razón. Acabo de hacer pruebas con mi css y es exactamente eso. Además estuve mirando las equivalencias entre px y em, lo que encontré en la página del w3scool (http://www.w3schools.com/css/css_font.asp) es que la equivalencia es: pixels/16=em.
De todas formas, p3rikl3s agradezco tu pronta respuesta. En esto de programación como en la vida se aprende todos los dias :D

kseso? · #6 (**permalink**) 19/10/2011, 16:42

Editado por ser una respuesta errónea.
Mis disculpas si induje a error a alguien.

delzep · #7 (**permalink**) 19/10/2011, 16:54

Hola kseso?, pues me parece que lo que me dice pitufoweb está bien. Hice las pruebas con mi css así:
1) font:20px normal "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:1.8em;
luego:
2) font:20px/1.8em normal "Trebuchet MS", Arial, Helvetica, sans-serif;
y por último:
3) font:20px normal "Trebuchet MS", Arial, Helvetica, sans-serif;
Aumenté el valor del line-height para apreciar mejor la diferencia y en los dos primeros casos no hay diferencia y en el tercero se unen las líneas de texto.

pitufoweb · #8 (**permalink**) 19/10/2011, 16:54

Cita:

Definición y uso de font

La propiedad abreviada fuente establece todas las propiedades de la fuente en una declaración.

Las propiedades que se pueden establecer, son (en orden):
font-style
font-variant
font-weight
font-size/line-height
font-family

Los valores de tamaño de la fuente y la fuente de la familia-se requieren. Si uno de los otros valores que faltan, los valores predeterminados se insertan, en su caso.

Nota: La propiedad line-height establece el espacio entre líneas.

http://www.w3schools.com/cssref/pr_font_font.asp

@kseso? font-size-adjust no es una de las propiedades abreviadas validas de font. Así que creo que usted también esta en un error o no entendió.

saludos

kseso? · #9 (**permalink**) 22/10/2011, 15:17

Venía a corregir por erróneo mi comentario en #7 pero ya veo que pitufoweb había advertido mi error. Gracias por advertirlo.