较轻的字体在textarea中不起作用

Question

我一直在环顾四周,似乎无法找到明确的答案.

如何使字体粗细小于600以正确显示textarea字体？

小提琴:http://jsfiddle.net/bk53K/

码:

<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;
}

Answer 1

并非所有字体都适用于所有权重.正如MDN所述:

font-weight CSS属性指定字体的粗细或粗体.但是,某些字体并非所有权重都可用; 有些仅适用于普通和粗体.字体的数字字体粗细,提供的不仅仅是普通和粗体.如果给出的确切重量不可用,则600-900使用最接近的可用较暗的重量(或者,如果没有,则使用最接近的较轻重量),并且100-500使用最接近的较轻重量(或者,如果没有则) ,最接近可用的较暗的重量).这意味着对于仅提供普通和粗体的字体,100-500是正常的,600-900是粗体.

行为也会因浏览器,字体和客户端操作系统而异.