Typography

Note: in Kadence and Kadence Child Themes, typography is set
(especially with rule– html {font-size: 62.5%} is used in editor-styles.css which is not the default)

  • Front end
    • first in customizer under Color & Fonts/Typography
    • second in style.css
  • Editor
    • folders: Assets/CSS/Editor/editor-styles.min.css

Bolded Paragraph text.

Bold Bold-Italics Italics. Paragraph text. This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Want to see what a blockquote looks like?

This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Perhaps you’d like to see what an unordered list looks like?

  • Unordered list item #1
  • Unordered list item #2
  • Unordered list item #3

Or you’d prefer to see what an ordered list looks like?

  1. Ordered list item #1
  2. Ordered list item #2
  3. Ordered list item #3

How about the styling for threaded comments?

Add comments (and comments on comments, etc.) to this page or link to a page with the same.

Lastly, care to see what the headings look like?

Headline 1

Paragraph text. This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Headline 2

Paragraph text. This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Headline 3

Paragraph text. This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Headline 4

Paragraph text. This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Headline 5

Paragraph text. This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Headline 6

Paragraph text. This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Colors

Site Editor Typography

Tested in Kadence Themes for WordPress

Hello Kitty 48px

Hello Kitty 4.8rem

Both “Hello Kitty” texts should read the same size both published and in the editor.

css:

html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 62.5%;
}

functions.php:

add_action(‘admin_head’, ‘rem_to_px’);
function rem_to_px() {
echo ”;
}