CSS Property: font-weight Examples


Quick guide to a CSS Property - font-weight that Bold or light text on any HTML element.

CSS font-weight Property

The CSS property "font-weight" sets how thick or thin characters in text should be displayed. This provides variant thicker types.

CSS Property font-weight

font-weight: 400 is supposed to be equal to normal, while 700 is equal to bold. Finally, there are the relative values bolder and lighter that make a bit of text one step bolder or lighter than the default weight (which in turn depends on the absolute font-weight value you defined).

CSS Property Font-Weight Syntax

font-weight:  normal|bold|bolder|lighter|number|initial|inherit;

Supported Values on property font-weight

Usually we can use any one of the following value for the property.

normal: Standard weight. Equivalent of 400
bold: Bold weight. Equivalent of 700
bolder: Bolder than the inherited font weight
lighter: Lighter than the inherited font weight
100    Lightest
200    Bolder than 100, lighter than 300
300    Bolder than 200, lighter than 400
400    Bolder than 300, lighter than 500. Equivalent of normal.
500    Bolder than 400, lighter than 600
600    Bolder than 500, lighter than 700
700    Bolder than 600, lighter than 800. Equivalent of bold.
800    Bolder than 700, lighter than 900
900    Boldest

Global Values

/* Global values */
font-weight: inherit;
font-weight: initial;
font-weight: unset;

CSS Property Font Weight Supported Browsers

This supports in all major versions of all browsers. Below described the starting version of each browser to new version.

Chrome: 2.0
IE: 4.0
Mozilla: 1.0
Safari: 1.3
Opera: 3.5

CSS Property Font Weight Example

.css-text { font-weight: bold; }

/* Set paragraph text to be bold. */
p {
  font-weight: bold;




About Us

Author: Venkatesh - I love to learn and share the technical stuff.

accumulo,1,ActiveMQ,2,Adsense,1,API,37,ArrayList,18,Arrays,24,Bean Creation,3,Bean Scopes,1,BiConsumer,1,Blogger Tips,1,Books,1,C Programming,1,Collection,8,Collections,37,Collector,1,Command Line,1,Comparator,1,Compile Errors,1,Configurations,7,Constants,1,Control Statements,8,Conversions,6,Core Java,149,Corona India,1,Create,2,CSS,1,Date,3,Date Time API,38,Dictionary,1,Difference,2,Download,1,Eclipse,3,Efficiently,1,Error,1,Errors,1,Exceptions,8,Fast,1,Files,17,Float,1,Font,1,Form,1,Freshers,1,Function,3,Functional Interface,2,Garbage Collector,1,Generics,4,Git,9,Grant,1,Grep,1,HashMap,2,HomeBrew,2,HTML,2,HttpClient,2,Immutable,1,Installation,1,Interview Questions,6,Iterate,2,Jackson API,3,Java,32,Java 10,1,Java 11,6,Java 12,5,Java 13,2,Java 14,2,Java 8,128,Java 8 Difference,2,Java 8 Stream Conversions,4,java 8 Stream Examples,12,Java 9,1,Java Conversions,14,Java Design Patterns,1,Java Files,1,Java Program,3,Java Programs,114,Java Spark,1,java.lang,4,java.util. function,1,JavaScript,1,jQuery,1,Kotlin,11,Kotlin Conversions,6,Kotlin Programs,10,Lambda,2,lang,29,Leap Year,1,live updates,1,LocalDate,1,Logging,1,Mac OS,3,Math,1,Matrix,6,Maven,1,Method References,1,Mockito,1,MongoDB,3,New Features,1,Operations,1,Optional,6,Oracle,5,Oracle 18C,1,Partition,1,Patterns,1,Programs,1,Property,1,Python,2,Quarkus,1,Read,1,Real Time,1,Recursion,2,Remove,2,Rest API,1,Schedules,1,Serialization,1,Servlet,2,Sort,1,Sorting Techniques,8,Spring,2,Spring Boot,23,Spring Email,1,Spring MVC,1,Streams,31,String,61,String Programs,28,String Revese,1,StringBuilder,1,Swing,1,System,1,Tags,1,Threads,11,Tomcat,1,Tomcat 8,1,Troubleshoot,26,Unix,3,Updates,3,util,5,While Loop,1,
JavaProgramTo.com: CSS Property: font-weight Examples
CSS Property: font-weight Examples
Quick guide to a CSS Property - font-weight that Bold or light text on any HTML element.
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content