Given that at the same font-size declaration the MOST difference is maybe 10% in size… I find that a little confusing as a requirement – it’s not like we’re talking the render difference between serif and non-serif.
I’m practicing my typography snobbery on websites : ) I can sit in an easy chair and mention Jon Tan’s name while sipping sherry or something. Definitely I can see the difference between Verdana and, say, Futura… lookit those curves on that hawt “a”!
The typical Win user just gets Verdana (readable!) base text and likely Arial for links and the logo, and Georgia on headers. My machine and others like it would have DejaVu Sans for base text, MgOpen Cosmetica for links, and Bookman for headers. Someday when I’m rich I’ll test for Macs (or maybe I’ll get lucky and someone will drop off something running OSX at the second-hand shop). For users who can’t tell the difference and don’t care, I just want them to have readable text.
then target JUST the elements that need it… NOT that I can think of many/any circumstances were you would. If it was for something else, maybe you should have included that something else in the example!
Yeah as Paul also said, it wasn’t a good idea to use it as a blanket fix for an intermittant IE6/7 problem. It was more that I had it, and then discovered it was creating a problem (I wasn’t testing hover on the logo, just that my mouse accidentally flew over it and then I saw it). I do appreciate the comments and notes that came up, which is why I posted this. Even though most of the actual content and markup isn’t in the ie6 case.
h1 does not mean page title EITHER… (though you are correct it’s not the title of the website!) It means the topmost heading under which ALL other headings on the page are a sub-section.
Yes yes… This is an insurance page, not a newspaper. In my case, the page is pretty much about one thing, and the subheaders aren’t about different things (!! though I do have trouble figuring out what to do when there IS a sidebar on a site with related-but-different topics since yeah, they fall under the site but don’t technically belong under the page’s h1 at all).
Oh, I redid the image too so that 1) it’s the full height of the replacement should a different font or firefux’s dimwit text resize try to peek out, and to 2) remove the horrible ‘dithering for no reason’ whatever program you saved it from was adding… Well, and to take it from 8k to 3k.
I was trying to figure out what you meant by dithering, since I never dither… ah, you removed the background texture that makes the logo match the background image (not loaded in the example). However I might well go ahead and make the image itself taller, but on all my testing machines the logo would wrap to a newline instead of showing (because I have the softhyphen in the name so only “scooter” would remain behind the logo and the rest was cut off below the overflow-hidden header). On the actual development page, the em fonts are on the mobile-version (which loads no logo) and the desktop stylesheet does change them to pixel fonts.
I wanted to just make a whole different logo, but I was forced to copy the old one and work with that, because someone had registered it and that lasts for 5 years or something. Nasty ugly logo, using the font someone else chose 10 years ago (impact, ug).