Font problem in Chrome

Interestingly the titles started to seems different in Google Chrome. See the titles please: http://oi44.tinypic.com/2ep83fq.jpg It should be bold. I am having the problem with my web site but as you see even the demo version has the same problem. http://demo.gavick.com/joomla25/news/ It seems normal in Firefox. I have confirmed with couple of friends, it's not something about my system but a general problem.

Hi,
those title are not bold in general -- they are inside <h4> and they have font-weight:600;
You can try to replace it with

Code: Select all

h4.nspHeader { color: #222; font-weight: bold; }

p.s.
Unfortunately, each browser modifies the appearance of items - even when we use this same CSS.
For example on Safari all fonts looks much more smoothed.
Also on different screens colors looks different - I have it all the time. when lady said this is not real red, but on my screen I have code for red color.

I am sure something wrong because yesterday it wasn't like that. For instance have a look http://oi41.tinypic.com/332ze2p.jpg compare it on Firefox.

Here is the main page on Firefox, the titles are bold: http://oi41.tinypic.com/242zms8.jpg

And another part of the main page on Chrome http://oi43.tinypic.com/16is5yo.jpg

Your code worked well by the way. Thanks!

The problem appears also in texts... Bold texts doesn't shown on Chrome.

You can try similar solution for <b> and <strong> :

Code: Select all

b, strong {  font-weight: bold; color: #222; }

you can also change font-color to darker (#111) or lighter (#333).

But Titles on "Latest News" also are not bolded they are h4, check this out:

Code: Select all

.nspArt h4.nspHeader a {
    color: #363636;
    text-decoration: none;
}

you can simply use darker color, or/and also add font-weight: bold; -- if you want, it may help.

Thank you very much Pawel!

I have seen that you have problem with images in category view ( e.g. abkhazworld.com/aw/k2-media-manager/history )