Specified font not displaying in navigation & other locations

Posted in: Newspaper
Post count: 38

After one of the recent Newspaper updates, the font in several locations in not showing up as I’ve specified in TagDiv composer. I’ve checked each of the problematic areas in TagDiv and the fonts are set as Oswald. In the TagDiv editor, they appear as Oswald. But on the live site, the fonts seem to be the default font. Oddly, when I inspect font on the live site, the Inspector says it should be Oswald.

Here are a few pages that show this error.

https://www.meriwethersociety.org/membership/ — the top navigation and sub-navigation items are supposed to be Oswald. The two sentences under Membership are supposed to be Oswald.

https://www.meriwethersociety.org/ — The text on the 4 buttons of Membership, Reunions, Resources, Store is supposed to be Oswald.

Footer of any page — Virtually all the text in the footer (except for the text in blue & italic) is supposed to be Oswald.

In my Theme Panel settings, the option to load Google fonts is On. Also in Theme Panel > Theme Fonts > Font Settings, all the settings are set as Default Font.

I have cleared cache multiple times.

Post count: 21065

Hello @ddj!

It appears to be Alegreya. Check the TagDiv Composer to see which font is set and select the right one. Make sure you do not have any custom CSS there.

Thank you!

Post count: 38

Like I said, in TagDiv Composer, the font is set to Oswald in all the locations. I specified that font via the editing panel on the left side of the screen.

For the two sentences, it is set at General > Post Content > Oswald.

For the main navigation, it is set at Style > Fonts > Element Text > Oswald.

For the Image Box (buttons), it is set at General > Style > Custom Titles Text > Oswald.

In the TagDiv editor, the font displays as Oswald. After saving and viewing the live page, the font shows up as Alegreya.

I do have some custom CSS, but none of it mentions Alegreya. Here’s what the custom CSS looks like.

.entry-crumbs {
display: none;
}

.woocommerce-ordering select {
display: none;
}

.woocommerce .td-container .page-title {
margin-top: 50px;
}

.woocommerce .product .images .flex-control-thumbs li img {
cursor: pointer;
opacity: .5;
margin: 10px;
padding-right: 10px;
padding-top: 10px;
}

.woocommerce .added_to_cart {
font-size: 12px;
color: #222;
padding-left: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
display: none;
}

.woocommerce.widget {
margin-bottom: 38px;
background-color: lightgray;
padding: 5px;
}

.tdb_mobile_menu {
z-index: 10;
}

.tdb_mobile_search {
z-index: 10;
}

.td-search-wrap-mob .td-search-input span {
font-size: 20px;
font-family: ‘Oswald’;
}

.td-search-wrap-mob #td-header-search-mob {
font-family: ‘Oswald’;
}

.td-search-wrap-mob .result-msg {
margin: 0 5%;
font-size: 20px;
font-family: ‘Oswald’;
}

.tagdiv-type ul, .tagdiv-type ol {
margin-bottom: 6px;
}

  • This reply was modified 3 years by ddj.
Post count: 27744

Hello,

I just checked, and now the font is Oswald, https://i.imgur.com/Jl0Z6ve.png, but it seems you have some plugin to minify the css and js; maybe this interferes with the theme.

Thank you!

Post count: 38

Thanks for passing along that idea. When I turned off minify, the font showed up correctly.

Post count: 27744

Hello,

I’m glad the problem is solved.

Have a great day!

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.