Font sizes

Manage font sizes on multiple devices.

Font size 1

Font size 2

Font size 3

Font size 4

Font size 5

Font size 6

Font size 7

Font size 8

Font size 9

Font size 10

Font size 11

Font size 12

<!-- Source -->
<p class="fs-1">Font size 1</p>
<p class="fs-2">Font size 2</p>
<p class="fs-3">Font size 3</p>
<p class="fs-4">Font size 4</p>
<p class="fs-5">Font size 5</p>
<p class="fs-6">Font size 6</p>
<p class="fs-7">Font size 7</p>
<p class="fs-8">Font size 8</p>
<p class="fs-9">Font size 9</p>
<p class="fs-10">Font size 10</p>
<p class="fs-11">Font size 11</p>
<p class="fs-12">Font size 12</p>

Responsive

<!-- Responsive -->
<p class="fs-sm-1"></p>
<p class="fs-sm-2"></p>
<p class="fs-sm-3"></p>
<p class="fs-sm-4"></p>
<p class="fs-sm-5"></p>
<p class="fs-sm-6"></p>
<p class="fs-sm-7"></p>
<p class="fs-sm-8"></p>
<p class="fs-sm-9"></p>
<p class="fs-sm-10"></p>
<p class="fs-sm-11"></p>
<p class="fs-sm-12"></p>

<p class="fs-md-1"></p>
<p class="fs-md-2"></p>
<p class="fs-md-3"></p>
<p class="fs-md-4"></p>
<p class="fs-md-5"></p>
<p class="fs-md-6"></p>
<p class="fs-md-7"></p>
<p class="fs-md-8"></p>
<p class="fs-md-9"></p>
<p class="fs-md-10"></p>
<p class="fs-md-11"></p>
<p class="fs-md-12"></p>

<p class="fs-lg-1"></p>
<p class="fs-lg-2"></p>
<p class="fs-lg-3"></p>
<p class="fs-lg-4"></p>
<p class="fs-lg-5"></p>
<p class="fs-lg-6"></p>
<p class="fs-lg-7"></p>
<p class="fs-lg-8"></p>
<p class="fs-lg-9"></p>
<p class="fs-lg-10"></p>
<p class="fs-lg-11"></p>
<p class="fs-lg-12"></p>

<p class="fs-xl-1"></p>
<p class="fs-xl-2"></p>
<p class="fs-xl-3"></p>
<p class="fs-xl-4"></p>
<p class="fs-xl-5"></p>
<p class="fs-xl-6"></p>
<p class="fs-xl-7"></p>
<p class="fs-xl-8"></p>
<p class="fs-xl-9"></p>
<p class="fs-xl-10"></p>
<p class="fs-xl-11"></p>
<p class="fs-xl-12"></p>