FontWeight

[guidesummary class=”area-lrg-topless”]The fontweight selector is pretty basic. It allows the insertion of 6 relative measurements relative to how light or bold text should be. This selector can be combined with other selectors which in turn would result with different effects.

The appearance of weight on the fonts may vary depending on it’s combination with the fontstyle the selector is applied on as some fontstyles will have a very limited fontweight. The selector fontweight-default is typically the same as the weight applied to the body of the site.[/guidesummary] [guidelabel]FONTWEIGHT-X (FONTSIZE-LRG)[/guidelabel][guidebox class=”corner spacein-lrg”]

[/guidebox] [guidelabel]FONTWEIGHT-X (FONTSIZE-SML)[/guidelabel][guidebox class=”corner spacein-lrg”] [/guidebox] [guidelabel]FONTWEIGHT-X ON HEADLINE[/guidelabel][guidebox class=”corner spacein-lrg”]

H2 + Fontweight-Default (400)

H2 + Fontweight-Thinnest (100)

H2 + Fontweight-Thinner (100)

H2 + Fontweight-Thin (300)

H2 + Fontweight-Normal (400)

H2 + Fontweight-Thick (500)

H2 + Fontweight-Thicker (700)

H2 + Fontweight-Thickest (900)

[/guidebox]