шрифт 500 и 600 не работает с элементом ввода

Значения 500 и 600 из font-weight не работают с элементом input. 500 уменьшает масштаб рендеринга 400 версии шрифта и 600 до 700. Он ведет себя таким образом как в Firefox, так и в Chrome. Почему это происходит? Есть ли способ заставить входные данные также отображать 500?

Вот ручка, иллюстрирующая проблему: http://codepen.io/anon/pen/NPYPVg


css webfonts
person Robert Kusznier    schedule 17.02.2015    source источник
comment
Вы не используете свои собственные шрифты. Добавьте класс .roboto к своим входам.   -  person Chad    schedule 17.02.2015
comment
Ах да, я забыл про font-fmaily: наследовать input. Спасибо!   -  person Robert Kusznier    schedule 17.02.2015
comment
Попробуйте установить правильный класс шрифта для входных данных следующим образом: codepen.io/anon/pen/QwmbwO   -  person GolezTrol    schedule 17.02.2015
comment
Здесь есть эхо?   -  person Chad    schedule 17.02.2015
comment
Извини, Чад... Чад.. Чад.. реклама..... Я проглядел твой комментарий.. комментарий .. комментарий .. ммнт...   -  person GolezTrol    schedule 17.02.2015

Ответы (1)


arrow_upward
2
arrow_downward

Вы должны объявить семейство шрифтов для ваших входных данных. В противном случае это не сработает, так как ввод не распознает шрифт Open Sans или roboto.

font-family: "Open Sans";

OR

font-family:"Roboto"
person m0bi5    schedule 17.02.2015
comment
Почему ввод не наследуется от тела? - person mateos; 19.03.2018