более легкий шрифт не работает в textarea

Question

более легкий шрифт не работает в textarea

0

Я смотрю вокруг и не могу найти окончательного ответа на это.

Как получить шрифт шрифта легче 600, чтобы правильно отображать шрифты textarea?

Код:

<textarea rows="7" class="randomText">Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you

textarea {
    border: none;
    resize: none;
    font-size: 30px;
    font-weight: 100;
}

Art Taylor 20 март 2014, в 20:08

Источник

0

Кажется, это работает для меня ... i.imgur.com/HUeKrme.png . Какой браузер / ОС вы используете?
Cas Cornelissen 20 март 2014, в 18:13
0

Я на OS X, используя хром. Я проверил его на компьютере с Windows в 3 основных браузерах с теми же результатами.
Art Taylor 21 март 2014, в 13:08

Теги:

html

css

textarea

fonts

3 ответа

Ещё вопросы

Кажется, это работает для меня ... i.imgur.com/HUeKrme.png . Какой браузер / ОС вы используете?
Я на OS X, используя хром. Я проверил его на компьютере с Windows в 3 основных браузерах с теми же результатами.

j08691 · Answer 1 · 2014-03-20T16-50-00.000Z

Не все шрифты доступны во всех весах. Как сказано в MDN:

Свойство CSS шрифта-веса определяет вес или смелость шрифта. Однако некоторые шрифты недоступны во всех весах; некоторые из них доступны только для обычного и жирного шрифта. Числовые шрифты шрифтов для шрифтов, которые обеспечивают больше, чем просто нормальные и полужирные. Если заданный точный вес недоступен, то 600-900 используют самый близкий доступный более темный вес (или, если его нет, ближайший доступный более легкий вес), а 100-500 используют самый близкий доступный более легкий вес (или, если его нет, ближайший доступный более темный вес). Это означает, что для шрифтов, которые обеспечивают только нормальные и жирные шрифты, 100-500 являются нормальными, а шрифты 600-900 выделены жирным шрифтом.

Поведение также будет зависеть от браузера, шрифта и клиентской ОС.

На практике большинство шрифтов, которые люди используют на веб-страницах или по умолчанию используют браузеры, имеют только нормальный и жирный вес или только нормальный.

Jukka K. Korpela · Answer 2 · 2014-03-20T18-25-00.000Z

Вы получаете плотность шрифта меньше 600 (или более 700, если на то пошло), объявив шрифт с шрифтом с таким весом. Большинство шрифтов, которые люди обычно используют на веб-страницах, не имеют таких шрифтов. В вашем случае ни один шрифт не объявлен, поэтому браузеры будут использовать свой шрифт по умолчанию для textarea, как правило, независимо от того, что отображает универсальное имя monospace. Практически очевидно, что он не имеет веса меньше обычного (700).

Практический способ получения более легких шрифтов - использовать подходящие шрифты Google. Большинство шрифтов Google имеют только обычные и смелые, но некоторые из них также имеют другие веса. Однако вес 100 очень редок.

Если вы хотите использовать легкий моноширинный шрифт для textarea, вы можете рассмотреть Source Code Pro, который представляет собой простой моноширинный шрифт sans-serif с весами 200, 300, 400, 500, 600, 700 и 900. Пример:

<link rel='stylesheet' href=
  'http://fonts.googleapis.com/css?family=Source+Code+Pro:300'>
<style>
textarea {
  font-family: Source Code Pro;
  font-weight: 300;
}
</style>
<textarea>Hello world</textarea>

Отлично, спасибо. К сожалению, я не могу использовать шрифты Google. Но у меня есть кое-что, чтобы принести на стол сейчас. Благодарю вас

Amy Leaman · Answer 3 · 2014-03-20T15-26-00.000Z

Вот отличная статья о сглаживании шрифтов, которая может сделать трюк. Я нахожу использование -webkit-font-smoothing: antialiased; приносит мои шрифты гораздо ближе к весам рабочего стола, чем без.

Сглаживание шрифта не имеет ничего общего с весом шрифта.