2 Replies - 885 Views - Last Post: 18 March 2013 - 05:54 AM

#1 Alhazred  Icon User is offline

  • D.I.C Head

Reputation: 9
  • View blog
  • Posts: 181
  • Joined: 25-July 07

Inconsistent CSS in Firefox for Win7 and WinXP

Posted 18 March 2013 - 05:21 AM

I'm creating a website and I'm checking the CSS on different browsers and OS.

I have Firefox 19.0.2 both an WIndows 7 and Windows XP, both the OS uses the same resolution for the monitor (1440x900).
The problem is the one you can see in these 2 images, the first is taken from Windows 7 (it appears the same on Chrome, Safari, Opera and IE), the 2nd from Windows XP.

Posted Image

Posted Image

The CSS rules are the same and the images are from the same page.
body {
	font-family: Arial, sans-serif;
	font-size:14px;
	height:100%;
	color:#444;
}


If you notice, in truth is not used Arial on Windows 7, because under the number 1 there is a small horizontal bar which Arial hasn't, but again it is the same on the other browsers.

What should I do to obtain on XP the same result as on 7 and the other browsers?

Is This A Good Question/Topic? 0
  • +

Replies To: Inconsistent CSS in Firefox for Win7 and WinXP

#2 andrewsw  Icon User is offline

  • It's just been revoked!
  • member icon

Reputation: 3624
  • View blog
  • Posts: 12,527
  • Joined: 12-December 12

Re: Inconsistent CSS in Firefox for Win7 and WinXP

Posted 18 March 2013 - 05:49 AM

This is a good reason not to rely on a single font being available (and being available at different font-weights, italic, etc.):

font-family: Arial, Helvetica, sans-serif;

You could explore other fonts and add a third.

http://cssfontstack.com/
Was This Post Helpful? 0
  • +
  • -

#3 andrewsw  Icon User is offline

  • It's just been revoked!
  • member icon

Reputation: 3624
  • View blog
  • Posts: 12,527
  • Joined: 12-December 12

Re: Inconsistent CSS in Firefox for Win7 and WinXP

Posted 18 March 2013 - 05:54 AM

There is an interesting article here about font rendering, although is talks more specifically about Typekit.

This post has been edited by andrewsw: 18 March 2013 - 05:57 AM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1