Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder
    Join Date
    Mar 2009
    Posts
    108
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Cufon Text Dissappears in IE

    The site: http://homemastergroup.com

    You'll notice the drop-down navigation text doesn't appear in Internet Explorer.

    Any ideas why? Thanks!

  • #2
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    That's odd.
    Have you considered using proper CSS 3 web-fonts? They'd work well in IE and any modern browser.

  • #3
    Regular Coder
    Join Date
    Mar 2009
    Posts
    108
    Thanks
    13
    Thanked 0 Times in 0 Posts
    I've started thinking about those. I've been nervous about using them because I'm not always 100% of how loading a full font file online would work copyright-wise.

    I started using the font-kits from places like Font Squirrel - but the @font-face attribute still looks so different from browser to browser. Top that off with the fact Macs always seem to thicken the font / Windows always seems to make the font really thin.

    Cufon seems to be the only solution that won't risk using fonts inappropriately and won't display so differently cross browser/platform.

    Thanks for the tip though!

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Where is your call to Cufon.now()? It has been recommended that IE needs this for Cufon to work properly.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Regular Coder
    Join Date
    Mar 2009
    Posts
    108
    Thanks
    13
    Thanked 0 Times in 0 Posts
    Thanks Aerospace_Eng - I added the Cufon.now() function at the footer of my page.

    Unfortunately still no luck. Any other ideas?

    Thanks!

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Do your links show up in IE if you disable Cufon?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    There was a similar thread here a few months ago. You'll see that a user fixed a similar problem by changing the way the menus are hidden - looks like IE8 doesn't play nice when the menu is hidden via visibility:none - as here. So you could try changing your show/hide from visibility:hidden/visible to display:none/block or via a left margin.

    Alternately, if this doesn't work, the links are OK in IE7 so you could as a fallback apply compatibility mode to the page via

    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=7">
    EDIT: Ah. From the Cufon css page:

    You can’t use visibility: hidden with elements containing Cufónized text in Internet Explorer 8 unless you set it after calling Cufon.replace(). In other words, visibility must not be hidden when Cufon.replace() is called. Other than that it is fine. There are no problems with display: none.
    Last edited by SB65; 10-01-2010 at 08:33 AM.

  • Users who have thanked SB65 for this post:

    CSSQuest (10-01-2010)

  • #8
    Regular Coder
    Join Date
    Mar 2009
    Posts
    108
    Thanks
    13
    Thanked 0 Times in 0 Posts
    SB65,

    Thanks for your help! I'll give these solutions a shot - it makes sense. It looks like the easiest is to change from visibility to display and hide it that way.

  • #9
    Regular Coder
    Join Date
    Mar 2009
    Posts
    108
    Thanks
    13
    Thanked 0 Times in 0 Posts
    Just changed the drop downs from visibility to display:none and everything works flawlessly.

    That would have taken me forever to figure out.

    Thanks so much!


  •  

    Posting Permissions

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