Typography

All font size of the

H1 Heading | Lorem ipsum dolor sit amet

H2 Heading | Lorem ipsum dolor sit amet

H3 Heading | Lorem ipsum dolor sit amet

H4 Heading | Lorem ipsum dolor sit amet

H5 Heading | Lorem ipsum dolor sit amet
H6 Heading | Lorem ipsum dolor sit amet

This is normal text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla.

P Paragraph text font sizes

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. t-xl

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. t-l

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. t-n free

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui. Fusce ante leo, mattis vitae, lobortis vitae, cursus porta. t-s

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui. Fusce ante leo, mattis vitae, lobortis vitae, cursus porta. Pellentesque sed lacus ut ipsum aliquam tincidunt. t-xs

H1 Headings and text sizes

H1 Extra Extra Lt-xxl

Stays smaller on Normal size (t-n) on mobile devices (< 420 px)

H1 Extra Large t-xl

Stays smaller on Normal size (t-n) on mobile devices (< 420 px)

H1 Large heading t-l

H1 Normal heading t-n free

H1 Small heading t-s

H1 Extra Small heading t-xs

H2 Headings and text sizes

H2 Extra Extra Lt-xxl

Stays smaller on Normal size (t-l) on mobile devices (< 420 px)

H2 Extra Large t-xl

Stays smaller on Normal size (t-l) on mobile devices (< 420 px)

H2 Large heading t-l

H2 Normal heading t-n free

H2 Small heading t-s

H2 Extra Small heading t-xs

H3 Headings and text sizes

H3 Extra Large t-xl

H3 Large t-l

H3 Normal t-n free

H3 Small t-s

H3 Extra Small t-xs

H4 Headings and text sizes

H4 Extra Large t-xl

H4 Large t-l

H4 Normal t-n

H4 Small t-s

H4 Extra Small t-xs

H5 Headings and text sizes

H5 Extra Large t-xl
H5 Large t-l
H5 Normal t-n
H5 Small t-s
H5 Extra Small t-xs

H6 Headings and text sizes

H6 Extra Large t-xl
H6 Large t-l
H6 Normal t-n
H6 Small t-s
H6 Extra Small t-xs

Setting the base value for all fonts

Isotoop has a mobile first approach.

Set the basic value for your text sizes in your theme or Custom CSS in your theme. Recommended is a font size between 13 and 16 pixels. This will be the font-size for Small Devices (420-576 pixels).
Add this to your custom CSS:

body {
	font-size: 15px;
}


More about Responsive