Font and Text
Text aligment
You can align text with the following classes
| Aligment | Result |
|---|---|
| Left | .text-left |
| Center | .text-center |
| Right | .text-right |
| Justified | .text-justify d .text-justify d .text-justify |
Font sizes
You can use the default font sizes as follow
| Class | Result |
|---|---|
.h1 |
I'm a div with .h1
|
.h2 |
I'm a div with .h2
|
.h3 |
I'm a div with .h3
|
.h4 |
I'm a div with .h4
|
.h5 |
I'm a div with .h5
|
.h6 |
I'm a div with .h6
|
.normal |
.I'm a text with .normal class
|
.small |
I'm a text with .small class
|
.caption |
I'm a text with .caption class
|
Or your can use a font size base on rem values
| Class | Result |
|---|---|
| .font-xs | text with .font-xs |
| .font-sm | text with .font-sm |
| .font-normal | text with .font-normal |
| .font-lg | text with .font-lg |
| .font-xl | text with .font-xl |
| .font-2xl | text with .font-2xl |
| .font-3xl | text with .font-3xl |
| .font-4xl | text with .font-4xl |
| .font-5xl | text with .font-5xl |
| .font-6xl | text with .font-6xl |
| .font-7xl | text with .font-7xl |
| .font-8xl | text with .font-8xl |
| .font-9xl | text with .font-9xl |
Font weigth
you can change font weigth with the following classes
| Class | Result |
|---|---|
.font-extra-black |
I'm a text with .font-extra-black
|
.font-black |
I'm a text with .font-black
|
.font-bold |
I'm a text with .font-bold
|
.font-semibold |
I'm a text with .font-semibold
|
.font-medium |
I'm a text with .font-medium
|
.font-normal |
I'm a text with .font-normal
|
.font-light |
I'm a text with .font-light
|
.font-extralight |
I'm a text with .font-extralight
|
.font-thin |
I'm a text with .font-thin
|
Documentation
Site
Support
Customizable CSS By Haniel Hernández. 2021