Body 0.875
H1 Header: Size Huge (3)
or Extra Huge (3.5)
Subheading — Plain text size “medium small 1.126”
Default paragraph text size goes here, also known as “body large 1.125”
Footnote size font
H2 header (size Large 2): “Example — 3 steps of choosing H tags in WordPress”
Default paragraph text size goes here, also known as “body large 1.125”
Lorem ipsum dolor sit amet. A dignissimos saepe in consequatur dolorum non omnis sunt ut nesciunt distinctio. Non illum maiores qui voluptatum voluptas ad optio aperiam ut odio perspiciatis qui corporis aliquam et minus illo et eveniet eveniet. Qui officiis quam ut nisi sunt et accusantium cumque qui dolorem voluptas qui recusandae minus.
H3 (size medium 1.5): Step #1 — choose your H tag from the dropdown menu
Default paragraph text size goes here, also known as “body large 1.125”
Lorem ipsum dolor sit amet. A dignissimos saepe in consequatur dolorum non omnis sunt ut nesciunt distinctio. Non illum maiores qui voluptatum voluptas ad optio aperiam ut odio perspiciatis qui corporis aliquam et minus illo et eveniet eveniet. Qui officiis quam ut nisi sunt et accusantium cumque qui dolorem voluptas qui recusandae minus.
Sometimes you need to create a list under an H3 section. If that list includes a heading, you would use H4, size Medium Small:
- Idea #1
- Idea #2
- Idea #3
H3 (size medium 1.5): Step #2 — select the typography size in the inspector
Default paragraph text size goes here, also known as “body large 1.125”
Lorem ipsum dolor sit amet. A dignissimos saepe in consequatur dolorum non omnis sunt ut nesciunt distinctio. Non illum maiores qui voluptatum voluptas ad optio aperiam ut odio perspiciatis qui corporis aliquam et minus illo et eveniet eveniet. Qui officiis quam ut nisi sunt et accusantium cumque qui dolorem voluptas qui recusandae minus.
H3 (size medium 1.5): Step #3 — Save your work, and publish
Default paragraph text size goes here, also known as “body large 1.125”
Lorem ipsum dolor sit amet. A dignissimos saepe in consequatur dolorum non omnis sunt ut nesciunt distinctio. Non illum maiores qui voluptatum voluptas ad optio aperiam ut odio perspiciatis qui corporis aliquam et minus illo et eveniet eveniet. Qui officiis quam ut nisi sunt et accusantium cumque qui dolorem voluptas qui recusandae minus.
If there is a dividing block with text, it will usually use an H2 tag
Footnote size font
H2 header (size Large 2): Helpful tips for choosing the correct H tag
As a reminder, H1 tags are only used ONCE. Those are always the title of a post or page. H2, H3, H4… these tags can all be used as many times as necessary.
Because this is a new section with a new set of ideas, this will start with an H2 tag. Any additional headers that support this section will start with an H3 tag
H3 (size medium 1.5): Tip #1 — Lorem ipsum dolor sit amet.
Default paragraph text size goes here, also known as “body large 1.125”
Lorem ipsum dolor sit amet. A dignissimos saepe in consequatur dolorum non omnis sunt ut nesciunt distinctio. Non illum maiores qui voluptatum voluptas ad optio aperiam ut odio perspiciatis qui corporis aliquam et minus illo et eveniet eveniet. Qui officiis quam ut nisi sunt et accusantium cumque qui dolorem voluptas qui recusandae minus.
Sometimes you need to create a list under an H3 section. If that list includes a heading, you would use H4, size Medium Small:
- Idea #1
- Idea #2
- Idea #3
H3 (size medium 1.5): Tip #2 — Lorem ipsum dolor sit amet.
Default paragraph text size goes here, also known as “body large 1.125”
Lorem ipsum dolor sit amet. A dignissimos saepe in consequatur dolorum non omnis sunt ut nesciunt distinctio. Non illum maiores qui voluptatum voluptas ad optio aperiam ut odio perspiciatis qui corporis aliquam et minus illo et eveniet eveniet. Qui officiis quam ut nisi sunt et accusantium cumque qui dolorem voluptas qui recusandae minus.
H3 (size medium 1.5): Tip #3 — Lorem ipsum dolor sit amet.
Default paragraph text size goes here, also known as “body large 1.125”
Lorem ipsum dolor sit amet. A dignissimos saepe in consequatur dolorum non omnis sunt ut nesciunt distinctio. Non illum maiores qui voluptatum voluptas ad optio aperiam ut odio perspiciatis qui corporis aliquam et minus illo et eveniet eveniet. Qui officiis quam ut nisi sunt et accusantium cumque qui dolorem voluptas qui recusandae minus.