Font change

• 

  casalionello · Member · Dec 26, 2019 at 2:17 pm

  • Copy link
  • Add topic to favorites

  Hey y’all,

  Yesterday I changed the theme of my website and most of my content changed with it. However…

  With the former theme I used the ‘Fertigo Pro Script’ font, which is now used for the titles on my page.

  The standard font unfortunately changed to ‘Calluna’ and I’d like to change it back to the ‘Fertigo Pro Script’.
  But because it is not one of the WordPress standard options, I have to change it through using CSS, I just can’t remember how I did it last time.

  Any help will be much appreciated!!!

  Thanks in advance,

  Steph

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

• 

  tenchoenyi · Member · Dec 26, 2019 at 4:12 pm

  • Copy link

  Go to Design > Customizer >CSS

  Add these CSS codes to change the font.

  .wf-active .site-navigation {
      font-family: Fertigo Pro Script;
      font-size: 30px;
  }
  
  .wf-active body, .wf-active button, .wf-active input, .wf-active select, .wf-active textarea {
      font-family: Fertigo Pro Script;
  }

• 

  tenchoenyi · Member · Dec 26, 2019 at 4:20 pm

  • Copy link

  You can remove that font-size: 30px; which I have written mistakenly in above CSS code.

  .wf-active .site-navigation {
      font-family: Fertigo Pro Script;
  }
  
  .wf-active body, .wf-active button, .wf-active input, .wf-active select, .wf-active textarea {
      font-family: Fertigo Pro Script;
  }

• 

  casalionello · Member · Dec 26, 2019 at 6:18 pm

  • Copy link

  @tenchoenyi

  Thank you so much for the help!

  I tried immediately, but unfortunately it’s not working :-(.
  Starting to think somehow the font is not compatible with the Obsidian theme?

• 

  tenchoenyi · Member · Dec 27, 2019 at 7:50 am

  • Copy link

  Hello

  Yes, the font is not compatible with the Obsidian theme but there is another way to change the font.

  You can add this CSS code in Design > Customizer >CSS

  @font-face {font-family: "Fertigo"; src: url("//db.onlinewebfonts.com/t/74664495dd5c6bda81a3919d75ed353f.eot"); src: url("//db.onlinewebfonts.com/t/74664495dd5c6bda81a3919d75ed353f.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/74664495dd5c6bda81a3919d75ed353f.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/74664495dd5c6bda81a3919d75ed353f.woff") format("woff"), url("//db.onlinewebfonts.com/t/74664495dd5c6bda81a3919d75ed353f.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/74664495dd5c6bda81a3919d75ed353f.svg#Fertigo") format("svg"); }

  .wf-active .site-navigation {
      font-family: Fertigo;
  }
  
  .wf-active body, .wf-active button, .wf-active input, .wf-active select, .wf-active textarea {
      font-family: Fertigo;
  }

• 

  staff-mckluskey · Staff · Dec 27, 2019 at 10:38 am

  • Copy link

  @casalionello if you’re still having issues with this, please reach out to us via live chat from https://wordpress.com/help/contact.

• 

  casalionello · Member · Dec 27, 2019 at 3:23 pm

  • Copy link

  @tenchoenyi

  It worked! You’re a genius!!!
  Can’t thank you enough for this!

  Wishing you marvelous holidays & a spectacular 2020!

  Steph

• 

  tenchoenyi · Member · Dec 27, 2019 at 3:33 pm

  • Copy link

  You’re welcome @casalionello.