# 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.