- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Set the font weight with CSS
The font-weight property is used to increase or decrease how bold or light a font appears. The font-weight property provides the functionality to specify how bold a font is. Possible values could be normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900.
<html> <head> </head> <body> <p style = "font-weight:bold;">This font is bold.</p> <p style = "font-weight:bolder;">This font is bolder.</p> <p style = "font-weight:500;">This font is 500 weight.</p> </body> </html>
- Related Articles
- Font Weight in CSS
- Set the font style with CSS
- Set the font variant with CSS
- Set the font size with CSS
- Set the font family with CSS
- Shorthand property to set the font with CSS
- Usage of font-weight property in CSS
- Perform Animation on CSS font-weight property
- Set Font Size with Pixels using CSS
- Set Font Size with em using CSS
- Set the font stretch of an element with CSS
- Set different font families for screen and print with CSS
- Set Responsive Font Size using CSS
- Change the font face with CSS
- Make a font italic with CSS

Advertisements