KSS Style Guide

7 #Font Font

Classes for setting the font properties of an element.

Source: dist/standard/standard.css, line 5833

7 #Font Font

Classes for setting the font properties of an element.

Source: dist/standard/standard.css, line 6151

7.1 #Font - Size Font Size

Classes for setting the font-size of an element.

Source: dist/standard/standard.css, line 5840
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/standard/standard.css, line 5927
Examples
Default styling
A div
.fs-sm-0
Sets the font-size an element to the variable for 0
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6245
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/standard/standard.css, line 5943
Examples
Default styling
A div
.fs-sm-d1
Sets the font-size an element to the variable for d1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6261
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/standard/standard.css, line 5959
Examples
Default styling
A div
.fs-sm-d2
Sets the font-size an element to the variable for d2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6277
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/standard/standard.css, line 5975
Examples
Default styling
A div
.fs-sm-d3
Sets the font-size an element to the variable for d3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6293
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/standard/standard.css, line 5991
Examples
Default styling
A div
.fs-sm-d4
Sets the font-size an element to the variable for d4
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6309
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/standard/standard.css, line 6007
Examples
Default styling
A div
.fs-sm-d5
Sets the font-size an element to the variable for d5
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6325

7.1.7 #Font - Size - sm Font Size

Classes for setting the font-size of an element.

Source: dist/standard/standard.css, line 6158
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/standard/standard.css, line 5911
Examples
Default styling
A div
.fs-sm-u1
Sets the font-size an element to the variable for u1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6229
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/standard/standard.css, line 5895
Examples
Default styling
A div
.fs-sm-u2
Sets the font-size an element to the variable for u2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6213
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/standard/standard.css, line 5879
Examples
Default styling
A div
.fs-sm-u3
Sets the font-size an element to the variable for u3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6197
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/standard/standard.css, line 5863
Examples
Default styling
A div
.fs-sm-u4
Sets the font-size an element to the variable for u4
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6181
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/standard/standard.css, line 5847
Examples
Default styling
A div
.fs-sm-u5
Sets the font-size an element to the variable for u5
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6165

7.2 #Font - Weight Font Weight

Classes for setting the font-weight of an element.

Source: dist/standard/standard.css, line 6023
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/standard/standard.css, line 6078
Examples
Default styling
A div
.fw-sm-0
Sets the font-weight an element to the variable for 0
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6396
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/standard/standard.css, line 6094
Examples
Default styling
A div
.fw-sm-d1
Sets the font-weight an element to the variable for d1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6412
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/standard/standard.css, line 6110
Examples
Default styling
A div
.fw-sm-d2
Sets the font-weight an element to the variable for d2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6428
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/standard/standard.css, line 6126
Examples
Default styling
A div
.fw-sm-d3
Sets the font-weight an element to the variable for d3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6444

7.2.5 #Font - Weight - sm Font Weight

Classes for setting the font-weight of an element.

Source: dist/standard/standard.css, line 6341
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/standard/standard.css, line 6062
Examples
Default styling
A div
.fw-sm-u1
Sets the font-weight an element to the variable for u1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6380
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/standard/standard.css, line 6046
Examples
Default styling
A div
.fw-sm-u2
Sets the font-weight an element to the variable for u2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6364
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/standard/standard.css, line 6030
Examples
Default styling
A div
.fw-sm-u3
Sets the font-weight an element to the variable for u3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/standard/standard.css, line 6348