2

Tengo definido entre otras propiedades

body {
  font-family: "Open Sans", Helvetica, sans-serif;
}

No hay ninguna referencia más en toda la página a cambios de fuente ni nada similar, y aparentemente se establece bien la propiedad para toda la página, pero en los input y en los botones cambia la fuente automáticamente y pone la Arial, tachando la que yo le "impongo" desde el body

Pantalla depuración

Forzando cada elemento lo podría conseguir, pero la pregunta es, ¿por qué no hereda correctamente?

1 respuesta 1

2

El problema está en que los elementos tipo input tienen su propia especificación de fuente de acuerdo a la hoja de estilos global que aplica el navegador.

Por lo tanto si deseas que tus elementos tipo input tengan la misma familia de fuente que el elemento body, podrias hacerlo de la siguiente manera:

styles.css

body, input {
    font-family: "Open Sans", Helvetica, sans-serif;
}

Así, todos los elementos tipo input de tu documento usarán la familia de fuentes establecida en tu hoja de estilos.

También podrías usar algo como:

body {
    font-family: "Open Sans", Helvetica, sans-serif;
}
input {
    font-family: inherit;
}

Así podrías entonces aplicar diferentes fuentes envolviendo tu elemento input en algún contenedor que tenga una fuente diferente a la establecida para body.

Espero que sea la respuesta que buscabas.

1
  • ¿Hay algún sitio/documento donde se puedan buscar/encontrar esos detalles que ocurren con los diferentes elementos?
    – visent
    el 2 jun. 2019 a las 20:56

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.