tags:

views:

21

answers:

1
+3  Q: 

jQuery Explode changes fonts while exploding, how do I stop this?

Go to http://hartford.uconn.edu/scholarships/ click on any name, then click on "close" button which will show you that while "exploding" the fonts change from default "Trebuchet MS/ Trebuchet" to "Times New Roman". I have tried defining body {font-family:"Trebuchet MS", Trebuchet;} and defining other classes and change jQuery widget classes as well to define desired font family but nothing seems to work. Please take a look at source and any suggestions are appreciated.

Thank you!

+1  A: 

Under the hood, the "explode" effect is actually creating several clones of whatever is being animated and applying the effects to those. These clones are attached to the end of the root <body> element. It looks like your CSS has the font-family defined on the #center_wrapper div, which doesn't apply to the clones, so they're shown as default unstyled text.

Defining the font on body instead worked for me. Perhaps your browser was caching the old CSS?

Brant Bobby  2010-10-14 19:09:20
Same here, I copied the `font-family` and `font-size` rules to the body element (via FireBug) and it worked as expected.
sholsinger  2010-10-14 19:12:34

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?