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.