Coding for Beginners: CSS Basics #68— Font Weight
Interested in Web Access Pro to analyze and fix Accessibility Errors on your site? Get your 14 Day Free Trial: https://join.designerslearncode.com/w...
The Daily Code Snippet is part of our "Coding for Beginners" video series for designers to learn the basics of HTML and CSS coding. We teach a single, easy to understand concept in each video so that you can learn to code even if you have a busy schedule. Subscribe here: / @designerslearncode
------
We already discussed font-weight in the setting of @fontface and it is also a property used to adjust the weight of your chosen font-family. It works the same as previously described.
font-weight accepts the values of normal, bold, and a number between 1 and 1000. The higher the number, the bolder the weight. In general, "100" is thin; "300" is light; "400" is normal; "500" is medium; "600" is semi or demi-bold; "700" is bold; "800" is extra bold; and "900" is black.
Font-weights below 200 will have accessibility issues especially with a low contrast color ratio.
The most common values used are normal, bold, and the numerical weights of 400 and 700.
To see examples, watch the full video.
#HTML #CSS #coding #web #accessibility #fontweight #typography #webtypography #websitetypography #typographybasics #webtypographybasics #typographyfontweight #codinglife #webdesign #designerslearncode #dailycodesnippet #codingforbeginners #tags #openingtag #closingtag #learntocode #codingtutorial #htmltutorial #csstutorial #webdevelopment #htmltutorialforbeginners #csstutorialforbeginners #programmingforbeginners #htmlcssfullcourse