Search code examples
htmlcssbrowserfontsfont-face

10px font not bold on some browsers/OS-es

I am trying to have a div of 10px text with a few words in bold and italic. The font is simply just sans-serif. My problem is that it works brilliantly for me on Win 7 and I see that it works well under OS X, but on XP (I think when Cleartype is not enabled), it doesn't work. The italic works, but not the bold.

Is it happening because of Cleartype not being enabled? What can I do? Start using a @font-face, which renders well? I hoped that a system default sans-serif would at least have bold in 10px size.

Here is the page in quiestion: http://asztal.brainhurt.net/asztal.php

Solution

  • Font styles aren't up to you, they are up to the browser. Fonts are rendered differently on different systems, especially when you get down into the smaller versions.

    There isn't anything you can do about this, besides experiment with different fonts.

    I recommend using http://www.typetester.org/ to assist you.