How to set the Boldness (Font Weight / Strong)

Undraw My Documents


boldness is a typographic effect that sets the font weight. It defines the width of a character outlines relative to its height.


Double Star

With the double star, you can set quickly the font weight (boldness) to the value bold


  • Input
This text is a **bold text**.
  • Output:

This text is a bold text.

You cannot use this syntax with only space before it on a line because it will be seen as a list element.

Name or numerical Value

You can also set a precise value with the typographic attribute boldness that accepts a name or a numerical value.

The following names are supported and any numerical value.

Name Numerical values
Thin 100
Extra-light 200
Light 300
Normal 400
Medium 500
Semi-bold 600
Bold 700
Extra-bold 800
Black 900
Extra-black 950

Example with the itext component

  • Input
This text is a <itext boldness="black">black text</itext>
  • Output:

This text is a black text

Superlatif (More or less than)

You can also set a superlatif that is set according to the boldness of the parent.

We accepts the following values:

  • bolder: bolder than the parent
  • lighter: lighter than the parent

Example with the text component

  • Input
<text boldness="light">
This text is a <itext boldness="bolder">bolder text</itext>
  • Output:

This text is a bolder text

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Recommended Pages
Undraw My Documents
ComboStrap - Font

The fonts used are the default system font of the target system. They are designed specifically with today’ screen in mind. They are known as native font stack or system font stack The following...
Undraw My Documents
ComboStrap UI - Styling

Styling in ComboStrap is the possibility to render every component as you wish. ComboStrap has three levels of styling: the bootstrap stylesheet level - bootstrap standard theme the user stylesheet...
Undraw My Documents
How to add emphasis in your website (ComboStrap)

This article shows you how you can add emphasis on component in your page
Undraw My Documents
Markdown syntax supported in ComboStrap

This page lists all markdown syntax supported in ComboStrap
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Undraw Add Content Re Vgqa
Typographic effect and attributes in ComboStrap

How to add typographic effect to your text
Undraw Add Content Re Vgqa
itext: applies typographic effect to characters or words

itext is a component that applies typographic effect to characters or words such as boldness, font-size and more

Task Runner