Skip to main content
2 de 2
se añadieron 164 caracteres en el cuerpo

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.