Joomla Templates Club 406,261 posts

[mansonfreak79 Friend mansonfreak79Join date: August 2011Posts: 24Downloads:0Uploads:7 Thanks: 8]

#167985

Hi …

I changed the font in my ja methys template …

I changed following code in the template.css

/* COMMON STYLE
——————————————————— */
body {
color: #333;
font-family: Arial, sans-serif;
}

But now i have following problem …

If I render my website with IE8 I get a serif font …

http://meineipadresse.de/netrenderer/

Please test it with IE8 and following domain: http://www.fixl.at/autohaus

Is there anything else to change, if I want to have Arial or a sans-serif font??? (for other browsers???)

Regards

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#409636

Have you tried changing the font from the template manager? There is now a great wealth of fonts selectable from the back end and you can choose exactly what sections they are applied to. Or you can apply your custom css there to do the same thing.

1 user says Thank You to Phill for this useful post

1. mansonfreak79

[mansonfreak79 Friend mansonfreak79Join date: August 2011Posts: 24Downloads:0Uploads:7 Thanks: 8]

#409644

Hi …

Ok! I changed the font in the template manager now! I have overrided the template css with my own css!

And it works!!! 🙂 …

But now I have still the same problem with the different modules …

I want Arial in the ja news ticker module! And so I changed following code in the mod_janewsticker.css file:

.ja-healineswrap {
font-family: Arial, Verdana, sans-serif;
float: left;
}

But still the same problem! In some browsers I get a sans-serif font, but in others browsers I get the basic font (Georgia) displayed …

Regards!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#409646

Have you cleared your browsers cache? Which browsers are you seeing the different font in and is it only that particular module that is the problem? Have to tried adding !important in your css for the module?

[mansonfreak79 Friend mansonfreak79Join date: August 2011Posts: 24Downloads:0Uploads:7 Thanks: 8]

#409653

Ok …

Yes, I cleared the browser cache!

Now I modified my code as following:

.ja-healineswrap {
font-family: Arial, sans-serif !important;
float: left;

But if I render my website with IE8 I still get a serif font displayed!

you can try it here…

http://meineipadresse.de/netrenderer/

with IE8, http://www.fixl.at/autohaus

the news ticker module is on the top of the page …

Regards

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#409671

Hi
If you only use 1 font for whole site you can try with !important

/* COMMON STYLE
--------------------------------------------------------- */
body {
color: #333;
font-family: Arial, sans-serif !important;
}

And please note to clear web caching / browser cache ( ctrl F5 )
Thank you
Viet Vu

[Author]

Posts