minstyle.io offers several classes to change the style of your typographies quickly and easily. Thus you can modify the size, the width as well as the color of a text with the classes below :
Red : .ms-text-red
Green : .ms-text-green
Blue : .ms-text-blue
Yellow : .ms-text-yellow
Gray : .ms-text-gray-font
White : .ms-text-white
<p class="ms-text-red">Red</p>
<p class="ms-text-green">Green</p>
<p class="ms-text-blue">Blue</p>
<p class="ms-text-yellow">Yellow</p>
<p class="ms-text-gray-font">Yellow</p>
<p class="ms-text-white">Yellow</p><h1 class="ms-fw-200">Heading</h1>
<h2 class="ms-fw-300">Heading</h2>
<h3 class="ms-fw-400">Heading</h3>
<h4 class="ms-fw-600">Heading</h4>
<h5 class="ms-fw-900">Heading</h5>Text left
Text center
Text right
<p class="ms-text-left">Text left</p>
<p class="ms-text-center">Text center</p>
<p class="ms-text-right">Text right</p><span class="ms-text-size-1">Text</span>
<span class="ms-text-size-2">Text</span>
<span class="ms-text-size-3">Text</span>
<span class="ms-text-size-4">Text</span>
<span class="ms-text-size-5">Text</span>
<span class="ms-text-size-6">Text</span>
<span class="ms-text-size-7">Text</span>
<span class="ms-text-size-8">Text</span>
<span class="ms-text-size-9">Text</span>