Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder boogily's Avatar
    Join Date
    Jul 2009
    Thanked 4 Times in 4 Posts

    Impact font choice, coming back to haunt me

    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?
    Last edited by boogily; 09-06-2011 at 05:40 AM.
    Joomla Development Company and MN SEO
    "Joomla development from design to SEO"

  • #2
    New Coder
    Join Date
    Aug 2011
    Thanked 2 Times in 2 Posts

    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.

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Ilkley, West Yorkshire, UK
    Thanked 727 Times in 721 Posts
    The fact that Impact wasn't loaded on the computer you used for testing says it isn't truly safe.

    You could use Cufon or @font-face to render the non-standard font - have a look at FontSquirrel 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.


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts