Fonts smaller than H6

• 

  mikedotsims · Member · Sep 20, 2018 at 8:55 pm

  • Copy link
  • Add topic to favorites

  Is it possible to create text that is smaller than Heading 6?
  I have tried copy/paste from another site page or a Word document, but it still comes into the WP page editor quite large. Then, selecting same text in the editor’s Headings at H6, still leaves it quite large.
  I have some pages that have a lot of text and thus the need for smaller font sizes.
  Mike

  The blog I need help with is: (visible only to logged in users)

• 

  testingchanel · Member · Sep 21, 2018 at 5:40 am

  • Copy link

  Hello,

  You are using theme: pub/ryu, by customizing its font can change the heading and base font i.e the heading text and content text.
  OR

  To create text that is smaller than Heading 6, you need to use Custom CSS which is a feature of WordPress.com Premium and WordPress.com Business plans.
  https://wordpress.com/pricing/
  Hope this helps! you.

  Thanks.

• 

  kokkieh · Staff · Sep 21, 2018 at 10:19 am

  • Copy link

  Hi there,

  Please don’t use the heading styles in the editor to change your font size. Those styles add the HTML markup for headings to your posts and pages, and that markup has a very specific meaning to search engines, screen reader software used by the visually impaired, etc.

  If you have some text that you’d prefer to use smaller text, the correct way to do that is by using inline CSS.

  In the editor, switch to the HTML mode. Add the following:

  <span style="font-size: 60%">

  Add the text that must use the smaller font. Then add:

  </span>

  Adjust the percentage to whatever you want it to be. You can also use a fixed value in px, em or rem instead.

• 

  mikedotsims · Member · Sep 21, 2018 at 11:49 am

  • Copy link

  Hi Kokkieh,
  Thanks for the reply.
  If I put the suggested code in the html, then subsequently update the page with some other change, will the suggested code still be there? In other words, is there for all time?
  Regards, Mike.

• 

  kokkieh · Staff · Sep 21, 2018 at 12:43 pm

  • Copy link

  As long as you added the code correctly, meaning every opening bracket and inverted comma has its closing partner, and the span tag itself has its closing partner at the end, the code should remain indefinitely, yes. Only invalid or incorrectly formed HTML should be stripped out by the editor.

  Note that you can also put the style attribute inside a <p></p> tag, or inside a div as the case may be. span is strictly only intended for if you want to alter a section of text in a paragraph, and if you want to alter the entire paragraph you should add styling to the p-tag instead, but in practice that does not make any real difference.

• 

  mikedotsims · Member · Sep 21, 2018 at 9:01 pm

  • Copy link

  Lots to think about. Thanks both of you.
  Mike.

• 

  staff-zinnia · Staff · Sep 22, 2018 at 5:41 pm

  • Copy link

  Hi Mike –

  Follow up with us here if you run in to any other questions.