What does font weight mean

Notice: The WebPlatform project, supported by various stewards between and , has been discontinued. This site is now available on github.

DOCS css properties font-weight. Overview table Initial value normal Applies to All elements Inherited Yes Media visual Computed value The keyword or the numerical value as specified, with bolder and lighter transformed to the real value. When it comes to style, there will be times when you want to either make your text stand out or make it less noticeable.

Making your font text less dramatic can have a pleasing effect on the eye when you want to showcase words in your web page that hint at almost being subliminal. Now if you want to emphasize the point of your message, enhance your font weight with a higher number.

As you can see, there are slight variations in how the text displays, but at least for this example, the differences are not significant. With correct use of the CSS Style to enhance the font text, we were able to control the output, helping to assure consistency within four different browsers.

This introduction to font weight should provide a starting point for further inquiry into the unlimited creative aspects that HTML offers. We will continue to explore other areas of HTML design in the next blog. We hope this introduction has piqued your interest and inspired you to explore further and dive deeper into the world of web design. Enroll in our Intro to Programming Nanodegree program today! Start Learning. January 29, 5 min read. Michael Allen.

What is Font Weight? Notice the BOLD text. Ok its making more sense to me now : so basically font weight means thickness of text correct? Miguel Nunez exactly. Where is normal and anything above that is bolder. Anything below that is lighter. You're quite welcome! Posting to the forum is only allowed for members with active accounts. Please sign in or sign up to post.

Welcome to the Treehouse Community The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Looking to learn something new? Miguel Nunez 3, Points. Jennifer Nordell. Miguel Nunez Miguel Nunez 3, Points. Oh sorry, that link doesn't work! My fault. Go here and click the first font that comes up. Thank you your the best Jennifer.