View Full Version : Impact font choice, coming back to haunt me

09-06-2011, 05:35 AM
I am developing a site, www.leonesthegym.com. I am finalizing everything and when I tested it on all of my installed browsers, everything looked fine. Upon further debugging, I made some browsershots using Adobe browsershot. The results there were fine too. (even in IE7, a shocker)

When I went and tested it on a final, different computer, I noticed that the font choice for the menu, impact, didn't look at all like everything else I have seen. Of course the menu was way too large and created 2 lines (horizontal menu) since the secondary font was not close to the same size. My issue was that I didn't have the 'impact' font on the computer.

Is it truly web safe? http://www.w3schools.com/cssref/css_websafe_fonts.asp
You'd think so since it is here. But, if it is, I can't see any secondary font that would be close in size, just in case. I used " Impact, Charcoal, sans-serif " but no luck. So, do I force a smaller menu, just in case? Forget about it and let it go?

09-06-2011, 08:35 AM

I'm not quite sure I fully understand the issue. The font is being replaced completely on a different computer by a font that is too wide for the text? Seems odd to me if you had it working fine on multiple browsers already on the first comp, may just be an issue in that certain environment. Imo try it out on other computers and if it looks like isnt going to affect a significant number of users then forget it. If you can get a workaround working that doesn't affect the site normally then by all means go for it. Just my opinion, for what it's worth.

It looks alright from my browser (IE8). Although the transparent background for the About menu (list items) does seem a little odd when it opens up over that first image. Maybe increase the opacity of the background a fair bit more might make it look nicer.

09-06-2011, 11:07 AM
The fact that Impact wasn't loaded on the computer you used for testing says it isn't truly safe.

You could use Cufon (http://cufon.shoqolate.com/generate/) or @font-face to render the non-standard font - have a look at FontSquirrel (http://www.fontsquirrel.com/) for the latter. Both of these provided the licence for Impact allows redistribution. If it doesn't then there's almost certainly a similar free font that you could use.