KSS Style Guide

7 #Font Font

Classes for setting the font properties of an element.

Source: dist/full/full.css, line 9911

7 #Font Font

Classes for setting the font properties of an element.

Source: dist/full/full.css, line 10229

7 #Font Font

Classes for setting the font properties of an element.

Source: dist/full/full.css, line 10539

7 #Font Font

Classes for setting the font properties of an element.

Source: dist/full/full.css, line 10849

7.1 #Font - Size Font Size

Classes for setting the font-size of an element.

Source: dist/full/full.css, line 9918
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/full/full.css, line 10005
Examples
Default styling
A div
.fs-lg-0
Sets the font-size an element to the variable for 0
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10943
Examples
Default styling
A div
.fs-md-0
Sets the font-size an element to the variable for 0
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10633
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/full/full.css, line 10323
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/full/full.css, line 10021
Examples
Default styling
A div
.fs-lg-d1
Sets the font-size an element to the variable for d1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10959
Examples
Default styling
A div
.fs-md-d1
Sets the font-size an element to the variable for d1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10649
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/full/full.css, line 10339
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/full/full.css, line 10037
Examples
Default styling
A div
.fs-lg-d2
Sets the font-size an element to the variable for d2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10975
Examples
Default styling
A div
.fs-md-d2
Sets the font-size an element to the variable for d2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10665
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/full/full.css, line 10355
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/full/full.css, line 10053
Examples
Default styling
A div
.fs-lg-d3
Sets the font-size an element to the variable for d3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10991
Examples
Default styling
A div
.fs-md-d3
Sets the font-size an element to the variable for d3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10681
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/full/full.css, line 10371
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/full/full.css, line 10069
Examples
Default styling
A div
.fs-lg-d4
Sets the font-size an element to the variable for d4
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11007
Examples
Default styling
A div
.fs-md-d4
Sets the font-size an element to the variable for d4
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10697
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/full/full.css, line 10387
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/full/full.css, line 10085
Examples
Default styling
A div
.fs-lg-d5
Sets the font-size an element to the variable for d5
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11023
Examples
Default styling
A div
.fs-md-d5
Sets the font-size an element to the variable for d5
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10713
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/full/full.css, line 10403

7.1.7 #Font - Size - lg Font Size

Classes for setting the font-size of an element.

Source: dist/full/full.css, line 10856

7.1.8 #Font - Size - md Font Size

Classes for setting the font-size of an element.

Source: dist/full/full.css, line 10546

7.1.9 #Font - Size - sm Font Size

Classes for setting the font-size of an element.

Source: dist/full/full.css, line 10236
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/full/full.css, line 9989
Examples
Default styling
A div
.fs-lg-u1
Sets the font-size an element to the variable for u1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10927
Examples
Default styling
A div
.fs-md-u1
Sets the font-size an element to the variable for u1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10617
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/full/full.css, line 10307
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/full/full.css, line 9973
Examples
Default styling
A div
.fs-lg-u2
Sets the font-size an element to the variable for u2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10911
Examples
Default styling
A div
.fs-md-u2
Sets the font-size an element to the variable for u2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10601
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/full/full.css, line 10291
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/full/full.css, line 9957
Examples
Default styling
A div
.fs-lg-u3
Sets the font-size an element to the variable for u3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10895
Examples
Default styling
A div
.fs-md-u3
Sets the font-size an element to the variable for u3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10585
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/full/full.css, line 10275
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/full/full.css, line 9941
Examples
Default styling
A div
.fs-lg-u4
Sets the font-size an element to the variable for u4
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10879
Examples
Default styling
A div
.fs-md-u4
Sets the font-size an element to the variable for u4
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10569
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/full/full.css, line 10259
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/full/full.css, line 9925
Examples
Default styling
A div
.fs-lg-u5
Sets the font-size an element to the variable for u5
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10863
Examples
Default styling
A div
.fs-md-u5
Sets the font-size an element to the variable for u5
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10553
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/full/full.css, line 10243

7.2 #Font - Weight Font Weight

Classes for setting the font-weight of an element.

Source: dist/full/full.css, line 10101
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/full/full.css, line 10156
Examples
Default styling
A div
.fw-lg-0
Sets the font-weight an element to the variable for 0
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11094
Examples
Default styling
A div
.fw-md-0
Sets the font-weight an element to the variable for 0
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10784
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/full/full.css, line 10474
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/full/full.css, line 10172
Examples
Default styling
A div
.fw-lg-d1
Sets the font-weight an element to the variable for d1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11110
Examples
Default styling
A div
.fw-md-d1
Sets the font-weight an element to the variable for d1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10800
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/full/full.css, line 10490
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/full/full.css, line 10188
Examples
Default styling
A div
.fw-lg-d2
Sets the font-weight an element to the variable for d2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11126
Examples
Default styling
A div
.fw-md-d2
Sets the font-weight an element to the variable for d2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10816
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/full/full.css, line 10506
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/full/full.css, line 10204
Examples
Default styling
A div
.fw-lg-d3
Sets the font-weight an element to the variable for d3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11142
Examples
Default styling
A div
.fw-md-d3
Sets the font-weight an element to the variable for d3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10832
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/full/full.css, line 10522

7.2.5 #Font - Weight - lg Font Weight

Classes for setting the font-weight of an element.

Source: dist/full/full.css, line 11039

7.2.6 #Font - Weight - md Font Weight

Classes for setting the font-weight of an element.

Source: dist/full/full.css, line 10729

7.2.7 #Font - Weight - sm Font Weight

Classes for setting the font-weight of an element.

Source: dist/full/full.css, line 10419
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/full/full.css, line 10140
Examples
Default styling
A div
.fw-lg-u1
Sets the font-weight an element to the variable for u1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11078
Examples
Default styling
A div
.fw-md-u1
Sets the font-weight an element to the variable for u1
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10768
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/full/full.css, line 10458
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/full/full.css, line 10124
Examples
Default styling
A div
.fw-lg-u2
Sets the font-weight an element to the variable for u2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11062
Examples
Default styling
A div
.fw-md-u2
Sets the font-weight an element to the variable for u2
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10752
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/full/full.css, line 10442
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/full/full.css, line 10108
Examples
Default styling
A div
.fw-lg-u3
Sets the font-weight an element to the variable for u3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 11046
Examples
Default styling
A div
.fw-md-u3
Sets the font-weight an element to the variable for u3
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 10736
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/full/full.css, line 10426