Font Awesome with Firefox, Problems Icons

[Fashionresidenz]

Hey Guys,
i´ve got a small problem with the Font Awesome and Firefox. With every other browser the site is shown completly correct but with Firefox Icons like "Home" "Facebook" or "New" aren´t shown like an icon, more like a code. You can take a look:  http://www.fashionresidenz.de/

 

Does anyone have a solution to get firefox shown everything correctly?

Best regards
Lucas
Fashionresidenz

[tuk66]

Firefox haven't loaded the Font Awesome in your Bonita theme. Compare your CSS with mine at localhost and default-bootstrap theme (1.6.0.8):

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("http://www.fashionresidenz.de/modules/ph_simpleblog/css/../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"), url("http://www.fashionresidenz.de/modules/ph_simpleblog/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("http://www.fashionresidenz.de/modules/ph_simpleblog/css/../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("http://www.fashionresidenz.de/modules/ph_simpleblog/css/../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype");
}

 

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
}

Chrome is probably more inteligent and tries to find the font somewhere.

[Fashionresidenz]

Hey tuk66,

 

thank you for your fast reply, that was a good idea, I changed to the default "setting", but it does not take any effect.
It have to be something with the font and firefox but this was not the solution :/

Do you have any other ideas?

Best regards
Lucas

[tuk66]

I don't think it is between the font and Firefox. It works well in my Firefox & default-bootstrap theme.

 

The font style references to the ph_simpleblog module but it is used in the bonita theme. Are those urls right?

[Fashionresidenz]

So do you think in my theme is something wrong?
But it is just with firefox ....

Why does the font style references to simpleblog? What URLS do you mean?

[tuk66]

Compare my @font-face examples. They are different. It is definitely about the theme.

[Fashionresidenz]

I´d changed exactly to your font-face-examples. It does not take any effect, than I´d changed it to my theme like:

 

"/themes/bonita/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1"

 

but no changes anymore. I´m a little bit frustrated :/

[tuk66]

Your CSS file has 2 @font-face definitions and no one is probably right (for Firefox).

[Fashionresidenz]

So it is an failure by the coder of this template?

In the global.css from my theme, there is no right definition for firefox. Tell me what can I do to get a right definition for firefox and still the other browsers?