Font Weight

You can browse this page to learn the font weight properties of the template.

When designing this template, variable font weight was defined for later use. You can use these classes with any typographic element.

These classes are as follows; font-light, font-normal, font-semi and font-bold

Syntax	Example
<p class="font-light">text</p>	Font Weight: 300
<p class="font-normal">text</p>	Font Weight: 400
<p class="font-semi">text</p>	Font Weight: 600
<p class="font-bold">text</p>	Font Weight: 700

If you want, you can change these predefinitions from the scss/_theme-options.scss file.

								
$light: 300;
$normal: 400;
$semi: 600;
$bold: 700;
								
							

If you are not using SCSS, you can change the following section from the html/assets/css/theme.css file.

								
.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-semi {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}