Font sizes?

• 

  coherentfinance · Member · Mar 30, 2017 at 8:05 pm

  • Copy link
  • Add topic to favorites

  Hi – I am looking to make a few different size fonts throughout my page. However, the WordPress customizer seems to only let me have 2 font sizes (one for headers and one for base font). Can I really only have 2 font text sizes throughout the page? Hopefully this is not the case. Does anyone know how I can customize some other font sizes? Thank you.

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

• 

  otpidusprime · Member · Mar 31, 2017 at 9:44 am

  • Copy link

  Hi,
  You can easily have greater control for font-sizes if you are familiar with HTML or CSS.
  You have to just add some classes and use those classes to set the font-sizes according to your needs.

  For Example:
  Consider you have this sentence:

  Lorem Ipsum is simply dummy text of the printing and typesetting industry.

  Now if you want to change the font size of the word “typesetting” in the above sentence, you can do that in HTML or CSS as given below:
  Using HTML: (Edit using HTML in the post editor)
  <div>Lorem Ipsum is simply dummy text of the printing and <span style="font-size: 20px;">typesetting</span> industry.</div>
  Note the <span> tag added along with the “style” attribute which sets the font-size of the word typesetting to 20px which is different from the font-size of the entire sentence.
  Using CSS: (Requires you the add some HTML codes in post editor and edit the CSS using the CSS editor of WordPress)

  /*this is the HTML code*/
  <div>Lorem Ipsum is simply dummy text of the printing and <span class="new-font-size">typesetting</span> industry.</div>
  
  /*this is the CSS code*/
  .new-font-size {
      font-size: 20px;
  }

  In the above technique using CSS, we select the typesetting word in CSS using the class “new-font-size” and then set it’s font-size to 20px.

  Hope this helps :)