Using fonts



Henri's can automatically generate classes based on the given font-weights. Enable the weight-classes and henris will give you classes like .font-light{ font-weight: 100; }


You can also use the font-weight() function.

.element {
	font-weight: font-weight(Light);

Will give you the Light weight from any of the included font-sets. When there are double font-weights over multiple font-sets. The font-weight hierarchy is: primary > secondary > tertiary > quaternary. So primary will overrule.

If you want to use a font-weight, which is overruled by an earlier set. You can use the second argument.

.element {
	font-weight: font-weight(Light, $font-tertiary);