Peculiar CSS issue When Using Custom Fonts

Hello team tagdiv

I have peculiar issues when i am using custom fonts with newspaper theme.

In one of my staging site http://div.wpdiv.com/ i am using self hosted custom font Titillium and assigned font properties to appropriate sections via…

Custom Typography > Post Title Template Style 2, Post Content, Top Menu, Main Menu, Sub Menu Mega Menu, Widget Title and where ever it needs and saved the settings successfully.

But some of the above sections, custom typography is not applied (ex : Megamenu Drop down text underneath mega menu images)

http://s2.postimg.org/66cf4nlzd/megamenu_CSS.png

When i analyze this issue, font face is loading successfully without any issues when i check it via ‘view source’ of current page. But when i analyze it via firebug, the specific mega menu CSS selector property seems disabled.

Why custom fonts are loading for some sections which is successfully applied via Custom Typography settings.

Kindly help me

With regards
Selvam.S

• This topic was modified 11 years by wpdiv.

And also custom font CSS not applying for home page and archive page post titles as well.

http://www.postimg.com/185000/home-page-post-title-font-184224.jpg

Hi lucian

Thanks for your reply. I have tried the same in mirror site http://www.7gsolutions.com and failed to achieve the results when i use custom fonts via theme options panel. So, i have declare the font face manually through child theme and overrided all the CSS selectors manually here http://div.wpdiv.com/wp-content/themes/WPDIV/style.css

Note : Your custom font CSS settings not up the mark.

1. When we use custom fonts via theme settings panel, your default custom fonts font face CSS not compatible with old browsers and its compatible with modern browsers only. Here is the CSS which generated through theme options panel of Newspaper theme and its not enough when we are using old browsers like IE8.

@font-face {
font-family: ‘Titillium’;
url(‘fonts/titillium-light-webfont.woff’) format(‘woff’),
}

2. Also Theme Options panel changes does not apply in front end when we are using custom font and it really frustrates us.

Here i request you to setup complete with website with custom fonts, you might experience issues.

Newspaper theme Way to go to enhance such features and i hope it will be rectified soon especially in next version.

• This reply was modified 11 years by wpdiv.

I have specified wrong child theme CSS url have applied manual changes, here it is http://www.7gsolutions.com/wp-content/themes/WPDIV/style.css

That’s nice 2 hear.