I don’t get the values 100 to 900 in CSS font-weight. I see 100 to 500 like regular size and 600 to 900 like bold. Only two font weights. Tried h1, font-size:60px, etc. Is there something I am missing?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I don’t get the values 100 to 900 in CSS font-weight. I see 100 to 500 like regular size and 600 to 900 like bold. Only two font weights. Tried h1, font-size:60px, etc. Is there something I am missing?
As Rich said, depends on the font, but it’s a really good question because it does impact how the font renders, especially @font-face fonts. If you get the number wrong, or just use ‘bold’ instead of the correct number, it can render the font as jaggy.
This is a good article on that: http://css-tricks.com/watch-your-font-weight/
Sorry not to be able to answer your question – I did search and can’t find any sites listing available font-weights per font. Would be a handy resource! For now you could just try the various font selling sites like Fontspring, Google Web Fonts etc, or search for the font you’re using and go to one of the sites where it’s sold; hopefully that site will give its available font-weight sizes.