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;
}