Preview showing different font-weights than Customizer

kgphotoskgphotos Registered Users Posts: 106 Major grins

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

Comments

Sign In or Register to comment.