KSS Style Guide

7 #Font Font

Classes for setting the font properties of an element.

Source: dist/minimal/minimal.css, line 3791

7.1 #Font - Size Font Size

Classes for setting the font-size of an element.

Source: dist/minimal/minimal.css, line 3798
Examples
Default styling
A div
.fs-0
Sets the font-size an element to the variable for 0
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3885
Examples
Default styling
A div
.fs-d1
Sets the font-size an element to the variable for d1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3901
Examples
Default styling
A div
.fs-d2
Sets the font-size an element to the variable for d2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3917
Examples
Default styling
A div
.fs-d3
Sets the font-size an element to the variable for d3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3933
Examples
Default styling
A div
.fs-d4
Sets the font-size an element to the variable for d4
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3949
Examples
Default styling
A div
.fs-d5
Sets the font-size an element to the variable for d5
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3965
Examples
Default styling
A div
.fs-u1
Sets the font-size an element to the variable for u1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3869
Examples
Default styling
A div
.fs-u2
Sets the font-size an element to the variable for u2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3853
Examples
Default styling
A div
.fs-u3
Sets the font-size an element to the variable for u3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3837
Examples
Default styling
A div
.fs-u4
Sets the font-size an element to the variable for u4
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3821
Examples
Default styling
A div
.fs-u5
Sets the font-size an element to the variable for u5
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3805

7.2 #Font - Weight Font Weight

Classes for setting the font-weight of an element.

Source: dist/minimal/minimal.css, line 3981
Examples
Default styling
A div
.fw-0
Sets the font-weight an element to the variable for 0
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 4036
Examples
Default styling
A div
.fw-d1
Sets the font-weight an element to the variable for d1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 4052
Examples
Default styling
A div
.fw-d2
Sets the font-weight an element to the variable for d2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 4068
Examples
Default styling
A div
.fw-d3
Sets the font-weight an element to the variable for d3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 4084
Examples
Default styling
A div
.fw-u1
Sets the font-weight an element to the variable for u1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 4020
Examples
Default styling
A div
.fw-u2
Sets the font-weight an element to the variable for u2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 4004
Examples
Default styling
A div
.fw-u3
Sets the font-weight an element to the variable for u3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 3988