0

Screenshot: http://imm.io/Wwr or http://gasa.jaeh.net

It is pretty evident that my site renders different on Chrome5 and FF3 on my Ubuntu.

Does anybody can point me how can I even these diffs? I don't want fonts with different 'feelings' on each browser.

Another point is, the elements seems smaller on chrome, the font size mainly. Any hints?

EDIT1
The font is "Lucinda Grande". The zoom levels seems to be the same (CTRL+0 resets)
Definition:

body{ font-size: 18px;font-family: "Lucida Grande";}

The rest is defined over percentage

2
  • 1
    It looks like one is using Lucida Grande and the other is using a totally different font. How are you calling the fonts just from your local stack, from the google font api or something else?
    – CEich
    Aug 6, 2010 at 2:38
  • @CEich +1 Good question. I made an edit on the post Aug 6, 2010 at 2:48

1 Answer 1

2

Both of those browsers are using their respective default fonts, which aren't the same. Lucida Grande is not in use at all (it's a sans-serif font, which looks quite different to what you have there). As Lucida Grande is the only font you include in the font-family list, the browser must fall back to its default font when this isn't available.

Are you sure you have it installed on your machine? It only normally comes with Mac OS X, not Ubuntu. This is why listing a selection of common fonts is a good idea.

1
  • It does make sense then! I was counting on the computed attributes from the inspector, but then it may not match my installed fonts. I am new to the front-end dev. Thanks Aug 6, 2010 at 15:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.