cufon type is invisible in prettyPhoto modal window

Posted on 2011-10-19
Last Modified: 2012-05-12
After experimenting with cufón for two days, one issue persists:  Cufón type  does not display in the prettyPhoto modal window.

My test page:

The link in question:  Click on the cufón text under Jane Kaczmarek's photo:  "Wisconsin's Nazi Resistance ... " The prettyPhoto window opens correctly displaying embedded video and copy.

The problem: The cufón text is invisible. Hover the space above the body copy and you'll see the header (it's a link) bottom border appear.

I saw that this problem was addressed in this forum here: but I'm out of my element when it comes to jQuery.  I haven't the faintest clue how to implement jQuery.noConflict();.

(Note: Our site uses sIFR type for some of our h2 and h1 headlines. While looking for alternatives to sIFR, I've commented out links to sIFR javascript and styles on this index.cfm).

Thanks for your attention.
Question by:BekettDog
    LVL 42

    Accepted Solution

    Your problem seems to be different from the one in that other question.

    Your problem seems to be because Cufón only automatically works on elements that exist when it's initialized. To make it work with elements that are generated dynamically, you need to call Cufon.refresh(). The trick is finding the right place to make the call to that function though.

    Try changing this:

    Open in new window

    to this:
    		changepicturecallback: function(){Cufon.refresh()}

    Open in new window


    Author Closing Comment


    You solved it!

    Thank you SO much for an elegant, well-explained solution.

    To the E-E moderator: Thank you so much for expanding my original zones and finding the expert with the answer. What a terrific service.

    With much gratitude,


    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL ( several years ago, it seemed like now was a good time to updat…
    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    755 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now