# Font Weight

Adjust the weight of fonts from your HTML

# How to

To use these styles in a Vue component SCSS, you'll need:

@import '~@skyline/scss/src/core/UI.required';
@import '~@skyline/scss/src/utilities/utilities.typography';

# HTML Example:

<p class="u-font-weight--600">I have a font weight that is adjusted</p>

# HTML

# u-font-weight--300

TransAlta bonfire problem-tunity do the right thing impact.

# u-font-weight--400

TransAlta bonfire problem-tunity do the right thing impact.

# u-font-weight--600

TransAlta bonfire problem-tunity do the right thing impact.