Preview showing different font-weights than Customizer

kgphotos

I need help with this one. So I changed my logo text- “Imagine. Live. Capture.” to Lora Italic. I put the @font-face code in the Theme CSS. I then called in out in Entire site CSS. All looks great when in the customizer, however, when I hit preview, my Header- Karen Grant Photography and menu bar font weight changes. I am using Roboto Slab- font-weight 300 for those. I am attaching screenshots for you to see. I don’t know what the problem is. I am hoping someone can help me out as I really want to use this font style.

Here is the first screenshot in the customizer:

And the second screenshot in preview:

I would like the “Karen Grant Photography" in Roboto Slab, font-weight 300 and the same for my menu bar.

This is the @font-face code in my theme CSS :
@font-face {
font-family: 'Lora';
font-style: italic;
font-weight: 400;
src: local('Lora Italic'),
local('Lora-Italic'),
url('https://fonts.gstatic.com/s/lora/v10/EJ2E0VlN4DLy-wT0t9nagw.eot'),
url('https://fonts.gstatic.com/s/lora/v10/EJ2E0VlN4DLy-wT0t9nagw.eot?#iefix') format('embedded-opentype'),
url('https://fonts.gstatic.com/s/lora/v10/_RSiB1sBuflZfa9fxV8cOg.woff2') format('woff2'),
url('https://fonts.gstatic.com/s/lora/v10/9imnXKme9i4It2hFQOvfvevvDin1pK8aKteLpeZ5c0A.woff') format('woff'),
url('https://fonts.gstatic.com/s/lora/v10/5Ay4Lbc6l_v4RrGh5wBv6evvDin1pK8aKteLpeZ5c0A.ttf') format('truetype');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.sm-user-ui .sm-page-widget-logo-text .sm-page-widget-logo-s a{
font-family: 'Lora', sans-serif;
}

And this is how I have it called out in the entire site CSS: .sm-page-widget-logo-text {font-style: italic !important}

The weird thing is is that if I click on the wrench icon to edit the theme the header (Karen Grant Photography) and my menu bar go back to the correct font and weight. But once I hit preview that’s when it changes. Why doesn't it stay at the correct font weight? I do have those called out in CSS. It is published now so you can see.

Thanks for your help!
-Karen

Allen

All changes might not show in "Preview", I'd suggest publishing.

kgphotos

Hi Allen,
It is published with the wrong font-weight. How do I fix it so my font-weight doesn't change? I'd like to use the Roboto Slab 300. I have the font weight called out in my header and menu bar.
This is the code I am using for my header: h2 {font-family: Roboto Slab,Helvetica,Arial,sans-serif; font-weight: 300;}

and the menu bar: .sm-page-widget-5214866 a {
font-family: Roboto Slab;
font-weight: 300
}

Thanks,
Karen

Hikin' Mike

Did you fix it? I'm not seeing bold on your 'Karen Grant Photography' text or menus.

kgphotos

Yes @Hikin' Mike . I fixed it. I had to change the font-weight of Roboto Slab in the theme settings to 300. BTW, your Yosemite photos are great! I haven't been out there since 2002. I would love to go back someday.

Hikin' Mike

@kgphotos said:
Yes @Hikin' Mike . I fixed it. I had to change the font-weight of Roboto Slab in the theme settings to 300. BTW, your Yosemite photos are great! I haven't been out there since 2002. I would love to go back someday.

Thanks! I'm going up for the day on Thursday...