Typography

Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed.


Headings

Heading tags are styles by default, you can get same result by using classes also such as (.h1, .h2, .h3, .h4, .h5, .h6).

I am a h1 tag, .h1

I am a h2 tag, .h2

I am a h3 tag, .h3

I am a h4 tag, .h4

I am a h5 tag, .h5
I am a h6 tag, .h6

I am paragraph tag

I am a small tag

Font Weight

There are utility classes to increase font weight (.fw-100, .fw-200, .fw-300, .fw-400,.fw-500, .fw-600, .fw-700, .fw-800,.fw-900)

I am paragraph with font weight 900, .fw-900

I am paragraph with font weight 900, .fw-800

I am paragraph with font weight 900, .fw-700

I am paragraph with font weight 900, .fw-600

I am paragraph with font weight 900, .fw-500

I am paragraph with font weight 900, .fw-400

I am paragraph with font weight 900, .fw-300

I am paragraph with font weight 900, .fw-200

I am paragraph with font weight 900, .fw-100


Font Size

There are utility classes to increase font sizes (.fs-1, .fs-2, .fs-3, .fs-4, .fs-5, fs-6).

I am paragraph with font size as h1, .fs-1

I am paragraph with font size as h2, .fs-2

I am paragraph with font size as h3, .fs-3

I am paragraph with font size as h4, .fs-4

I am paragraph with font size as h5, .fs-5

I am paragraph with font size as h6, .fs-6


Text Utility

There are utility classes to show differnt etxt colours (.text-primary, .text-muted).

I am paragraph with primary text-color, .text-primary

I am paragraph with gray text-color, .text-muted