Reset CSS de FONT

Muy buenas gente linda.

Estaba testeando un sitio que estoy haciendo y vi que en Google Chorme y Firefox se ve distinta el tamaño de la fuente. Pensé: "Por las propiedades de font debe ser"

Entonces a mi reset css le puse esto:

Código :

font {
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
}

Aun así en Chrome se ve pequeñita la letra y en Firefox bastante más grande.

Muchas Gracias!
Saludos,

Creo que mas bien debes declararlos con em o px y no con inherencia.

Saludos

No es tanto por el navegador sino por las preferencias de usuario.
Los navegadores permiten definir tanto la tipografía (o fuente) como el tamaño. En FF lo puedes ver en Opciones --> Contenido --> Tipos y colores (Avanzadas)
Es sobre ese valor, en última instancia, del tamaño de la fuente sobre la que se calcula tu "font-size: 100%" y el resto de valores inherit También es la base de cálculo si la unidad es "em".

Así, si en un navegador tienes declarado un tamaño de 14px, te lo mostrará con 14px y si en otro es de 16px pues idem.

Muy cierto lo que dicen chicos, tienen razón.

Lo probé y me da lo que dicen si lo aplico al DIV en cuestión, pero desde el reset css no me lo aplica. ¿Sabén como reseteo correctamente el tamaño de FONT.

Gracias por la onda!

Ya sé que sucede.

En primer lugar fue algo ilogico resetear el tamaño de font para todo el sitio. Por que si usamos 30px; en el contenido del mismo y en el menú con tamaño ese tamaño desbordaría y sería feo.

Entonces solo debemos aplicar el font-size a la capa que queremos dar cierto tamaño de tipografía, no a todo el sitio

Refutenme si mi razonamiento no es correcto.

Saludos!

Te recomiendo usar el archivo reset css del que hablo en mi artículo
Cómo sobrescribir hojas de estilo por defecto. Así no tendrás ese tipo de problemas.