Substituindo a fonte padrão

Para garantir uma herança de fonte consistente para todos elementos, as configurações de fonte padrão para elementos de formulário deverão ser explicitamente substituídas. Isso pode ser conseguido adicionando a seguinte regra CSS:

input, select, textarea, button {
  font-family: inherit;
}

Ao adicionar esta regra, todos os elementos do formulário herdarão as propriedades de fonte de seu pai, incluindo o elemento

Demonstração

Uma demonstração ao vivo da solução está disponível em http://jsfiddle.net/gaby/pEedc/1/. Nesta demonstração, os elementos e exibem a fonte Verdana, conforme esperado.

Observação:

Embora esta solução funcione na maioria dos navegadores modernos , o Internet Explorer 9 e versões anteriores não oferecem suporte à herança de fontes para elementos de formulário. Nesses navegadores, as configurações de fonte padrão ainda substituirão as propriedades de fonte herdadas.