Sketch theme – fonts

• 

  resumoy · Member · May 21, 2015 at 11:16 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve been trying to change the navigation and block quote fonts in the sketch theme, and have been successful in doing so in the “customize” mode but the fonts won’t display on the actual website. What could cause that?

  I’ve been using these:

  .main-navigation ul a {
  border-bottom: 0;
  padding: 5px 0 5px 14px;
  font-size: 20px;
  font-family: League-Gothic;
  color: #00121c;
  }

  AND

  blockquote {
  font-family: League-Gothic;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 750px;
  margin: .25em 0;
  padding: .25em 40px;
  line-height: 1.3;
  position: relative;
  color: #00121c;
  }

  Is there something overwriting these?

  Hi,

  I’ve been trying to change the navigation and block quote fonts in the sketch theme, and have been successful in doing so in the “customize” mode but the fonts won’t display on the actual website. What could cause that?

  I’ve been using these:

  .main-navigation ul a {
  border-bottom: 0;
  padding: 5px 0 5px 14px;
  font-size: 20px;
  font-family: League-Gothic;
  color: #00121c;
  }

  AND

  blockquote {
  font-family: League-Gothic;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 750px;
  margin: .25em 0;
  padding: .25em 40px;
  line-height: 1.3;
  position: relative;
  color: #00121c;
  }

  Is there something overwriting these?

  Also, is it possible to make the logo in the nav. header bigger? Or is 150px the max?

  Thank you so much!

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

• 

  staff-totoro · Staff · May 21, 2015 at 10:28 pm

  • Copy link

  Hi there,

  I visited your site, and can see that you have successfully added your custom CSS styles. Still having trouble adding custom CSS?

  Let me know if you need assistance or if you have any questions.

• 

  resumoy · Member · May 22, 2015 at 6:29 am

  • Copy link

  Hi,

  Yes I have added the CSS for League-Gothic font in the navigation and block quotes, but it won’t show on the actual website. These changes only show in the “customize” mode. What could cause this?

  Thanks for your help!

• 

  staff-totoro · Staff · May 22, 2015 at 8:02 pm

  • Copy link

  Gotcha, the reason for this is that when we load a custom font, it is not always the name you think it is. Behind the scenes, we load several variations of the font, and you need to be sure to specify them all.

  So instead of

  font-family: League-Gothic;

  You will want to try this:

  font-family: League-Gothic,league-gothic-1,league-gothic-2;

  For future reference, the names of your font can be found if you “view source” in your browser, and search for something like “league” as shown in the screenshot here:

  

  Hope that helps!

• 

  resumoy · Member · May 23, 2015 at 9:43 am

  • Copy link

  Thank you that did the trick! :)

• 

  resumoy · Member · May 23, 2015 at 9:44 am

  • Copy link

  Thank you that did the trick! :)