Custom Typography/Change Font Issue

Hello,

I successfully loaded a custom font in WOFF format and was able to apply the font to the main menu but not to page content or other text. Also I cannot change the font to any other font offered by the theme. I changed every possible option to “Gotham-book” yet no font changes occurred except for main menu

Below is a screencast of the custom typography settings selected for the custom font “Gotham-book”
http://www.screencast.com/t/GAIFCkPwL

Below is a screencast of page results in my browser via Inspect element:
http://www.screencast.com/t/z1zADZghiHM

To reiterate, the custom font worked with main menu but I am unable to change the font anywhere else.

Thanks

Hi there,
I am also getting this issue on http://purrly.sjdesigners.com where I load a .woff file and it is displaying as serif. This problem can be seen in the menus. I had uploaded 3 custom fonts and I noticed that 1 was not working. The other two were working fine. However now the font is not loading.
Please tell me what is the problem and how to fix it.
Regards
purrlyadmin

Hi Lucian,

I cannont send the link for our website is still in production on local servers only. I fixed the issue by adding the font family to desired classes in our stylesheet.

I have encountered another issue using Internet Explorer only. When loading the page, the main menu color fades with the background and ends as the background color. Plus the search icon position is incorrect compared to other browsers as seen in the screencast below:

http://www.screencast.com/t/yxIALi6StMU

Thanks

Update: The error occurs when I add a custom font to the post content. It then doesn’t load the fonts in the menu. Please fix this error as I want to use both fonts across my posts. The theme I am using is Newspaper.

Hey Lucian,

Issue still occuring with IE version 11.0.9600.17498 (update version 11.0.15). After further investigation, the issue is the background color is not applying and the menu becomes transparent except for the nav titles plus the search icon. The menu background fades in with the site background and remains the tiled background image (the fade in is something i would like to disable as well).

The issues only occur with menu-style-1 in IE but issue is not present when scrolling down the page as seen below:

Transparent Menu with Search icon floating
http://www.screencast.com/t/ndksJVpaEk2

Issue Resolved when menu snaps to top(when td-affix applies)
http://www.screencast.com/t/aQ2svfQibpa

Ok,

I will continue troubleshooting the issue. How do you disable the background fade in effect?

Found a fix for my issue!

I created a class and added it to header-style-1.php part

before
<div class=”td-header-container td-header-wrap td-header-style-1″>

after
<div class=”td-header-container td-header-wrap td-header-style-1 menu-color”>

.menu-color{
background-color: #032f54;
}

I still need to know how to disable the background fade in effect. Thanks Lucian