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 tagFont 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