Overview
Sources
Libraries
Images API

Text Font Weight text-weight

Specify the weight or boldness of the font.

Available weights depend on the font set with text-font parameter.

Values

This parameter accepts an integer or string from the following list describing the font weight.

  • 100 or thin.
  • 200 or extralight.
  • 300 or light.
  • 400 or normal.
  • 500 or medium.
  • 600 or semibold.
  • 700 or bold.
  • 800 or extrabold.
  • 900 or black.

The default value for this parameter is 400, a normal weight.

Examples

Using a thin font weight with text-weight=thin parameter. text-weight=100 could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=thin
Rendering text over image using text-weight parameter with thin as value.
x px

Using a extralight font weight with text-weight=extralight parameter. text-weight=200 could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=extralight
Rendering text over image using text-weight parameter with extralight as value.
x px

Using a light font weight with text-weight=light parameter. text-weight=300 could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=light
Rendering text over image using text-weight parameter with light as value.
x px

Using a normal font weight with text-weight=normal parameter. Normal weight is the default value for text-weight parameter so using text-weight=400 or not specifying the parameter at all could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=normal
Rendering text over image using text-weight parameter with normal as value.
x px

Using a medium font weight with text-weight=medium parameter. text-weight=500 could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=medium
Rendering text over image using text-weight parameter with medium as value.
x px

Using a semibold font weight with text-weight=semibold parameter. text-weight=600 could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=semibold
Rendering text over image using text-weight parameter with semibold as value.
x px

Using a bold font weight with text-weight=bold parameter. text-weight=700 could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=bold
Rendering text over image using text-weight parameter with bold as value.
x px

Using a extrabold font weight with text-weight=extrabold parameter. text-weight=800 could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=extrabold
Rendering text over image using text-weight parameter with extrabold as value.
x px

Using a black font weight with text-weight=black parameter. text-weight=900 could be used for the same result:

GET
https://assets.imglab-cdn.net/particles.jpeg?text-weight=black
Rendering text over image using text-weight parameter with black as value.
x px