tailwindcss/docs/source/docs/font-weight.blade.md
2017-10-31 16:18:58 -04:00

4.4 KiB

extends title
_layouts.documentation Font Weight

Font Weight

Utilities for controlling the font weight of an element.

@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => true, 'hover' => false, 'focus' => false ])

@include('_partials.work-in-progress')

Class Properties Description
.font-hairline font-weight: 100; Set the font weight of an element to hairline.
.font-thin font-weight: 200; Set the font weight of an element to thin.
.font-light font-weight: 300; Set the font weight of an element to light.
.font-normal font-weight: 400; Set the font weight of an element to normal.
.font-medium font-weight: 500; Set the font weight of an element to medium.
.font-semibold font-weight: 600; Set the font weight of an element to semibold.
.font-bold font-weight: 700; Set the font weight of an element to bold.
.font-extrabold font-weight: 800; Set the font weight of an element to extrabold.
.font-black font-weight: 900; Set the font weight of an element to black.