Typography
Typography style
Headings
Heading style
(h1) Heading
(h2) Heading
(h3) Heading
(h4) Heading
(h5) Heading
(h6) Heading
Display Headings
Display heading style using custom class like heading-10 to heading-100
Display header
Display header
Display header
Display header
Display header
Display header
Display header
Display header
Display header
Display header
Font weight
Set font weight using custom class fw-100 to fw900
Font weight
Font weight
Font weight
Font weight
Font weight
Font weight
Font family
Google fonts family Sarabun and Poppins are used
Default Poppins font
Sarabun font
Inline text alements
Inline text alements classes
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
Good design is obvious. Great design is transparent
— Joe Sparano