[SOLVED] font-face not working on https secure pages

[banditbirds]

Hi guys,

 

Hope someone can help!

 

 

I added a new font to be used across the site. Which works on most pages, home and product pages.

 

But some pages it reverts to the original font (times new roman, and comic sans).

 

This seems to be on the https secure pages. Is the font-face call not working correctly??

 

 

For example I've attached pictures of a correct page:

 

http://www.banditbirds.co.uk/

 

and an incorrect one.

 

https://www.banditbirds.co.uk/login?back=my-account

 

 

If I debug on Chrome for the CSS, I can see:

 

media="all"

 

.block .title_block, .block h4{

1. padding: 12px 0 12px 12px;
2. border-top: 0px;
3. border-bottom: 0;
4. color: #666;
5. font-size: 30px;
6. font-family: 'Amatic SC Bold', cursive;
7. background: #FFF;

}

 

This is displayed on all pages...so why isn't it picking up the font?

 

 

My global.css has the link to the font:

 

@font-face {

  font-family: 'Amatic SC Bold';

  font-style: normal;

  font-weight: 700;

  src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url("../fonts/IDnkRTPGcrSVo50UyYNK73hCUOGz7vYGh680lGh-uXM.woff") format('woff');

}

 

 

Thanks for help in advance!

 

Simon

 

Edited October 30, 2014 by banditbirds (see edit history)

[banditbirds]

the WOFF is being loaded correctly for my homepage...so it's not an issue with that.

 

But for some reason its not being used for other pages. I've just added the smartblog module, and it's the same on those pages.

 

Even though I can clearly see that the font face isn't being overwridden by any other css stylesheet

[banditbirds]

Fixed by declaring the font-face twice with https and http:

 

@font-face {

    font-family: 'andika_basicregular';

    src: url('http://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.eot');

    src: url('http://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.eot?#iefix') format('embedded-opentype'),

         url('http://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.woff2') format('woff2'),

         url('http://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.woff') format('woff'),

         url('http://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.ttf') format('truetype'),

         url('http://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.svg#andika_basicregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

 

@font-face {

    font-family: 'andika_basicregulars';

    src: url('https://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.eot');

    src: url('https://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.eot?#iefix') format('embedded-opentype'),

         url('https://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.woff2') format('woff2'),

         url('https://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.woff') format('woff'),

         url('https://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.ttf') format('truetype'),

         url('https://www.banditbirds.co.uk/themes/simplebird/fonts/andbasr-webfont.svg#andika_basicregular') format('svg');

    font-weight: normal;

    font-style: normal;

}