Indexhibit Support

Hi everyone!

I have an issue with my website's font. The font was displaying strangely bold in
all browsers so I did some research and found out this code that I used in my style.css:

-webkit-font-smoothing: antialiased !important;

The above code pretty much solved the problem in all browsers but one, FIREFOX! Strangely this font-smoothing isn't recognized by firefox or so it seems... anyone knows why?

an example of what I'm talking about (on the left firefox, on the right safari):
mariovideira.com/imagens/…

Before I used the font-smoothing, all the browsers displayed the font like firefox in this image (very bold)...

Any one knows if I'm doing something wrong? or If there's an alternative way to solve this in order to have the font displaying "not so strangely bold"?

Thanks in advance!

my site:
mariovideira.com/testes/zbit22/index.php/about/

I forgot to mention, all this happens when viewing the site in a MAC. In a PC, this doesn't happen. The font displays normaly... no issues...

If anyone could help on this, I would be very appreciated!

from a simple websearch: google.com/…

Nevertheless you can target firefox for a lighter version of Helvetica by adding in your style.css

1. @-moz-document url-prefix() {
2.     body {
3.         font-weight: lighter ! important;
4.     }
5. }

Hi arsondpi!

I've tried that code and it worked just fine! Firefox is now diplaying the font almost as good as safari or chrome! Thanks!

I was checking in the browsers, and I've noticed that the opera browser has also a similay problem (font is extremely bold!).

So I tryed to use your code but targeting opera and I added it following the code that targetted firefox:

@-moz-document url-prefix() {
body {
font-weight: lighter ! important;
}
}

@-o-document url-prefix() {
body {
font-weight: lighter ! important;
}
}

but it didn't worked on the opera issue... Am I targeting opera wrong? Any Ideas?

Thanks in advance!