Need help with my coding!!

[AlexHenry]

I can't help with the coding side of things too much, as I don't know too much about JS. But from a graphics point of view, it's annoying me that the circle background is just a box and not full page

What do you mean?

---------- Post added 07-06-2012 at 06:20 PM ----------

Yeah it is working, it is not displaying that message as the page loads anymore.

Ahh thanks but it still comes up with a different font and then jumps to its proper font. Know why?...

[Kasabian]

[AlexHenry]

Meh, I quite like it like that.

[Tomm]

What jumps to the proper font? Are you talking about the "New Features are on their way"? I was talking about the "Thank you for contacting us" that no longer displays before the form.

What do you mean?

---------- Post added 07-06-2012 at 06:20 PM ----------



Ahh thanks but it still comes up with a different font and then jumps to its proper font. Know why?...

[AlexHenry]

What jumps to the proper font? Are you talking about the "New Features are on their way"? I was talking about the "Thank you for contacting us" that no longer displays before the form.

On the contact form, the thank you for contacting us doesn't display the form anymore but the text jumps from one style to the correct font very quickly... Thank you for your continued help!

[Tomm]

There is not much you can do about this, it is a common problem when using remotely fetched fonts. I see you are using some Javascript called cufon to display the font using canvas. I'm not sure why you chose this option over @font-face like you've used on http://alexelliott.org.uk/maint/ but, regardless, this still would not fix your problem in all browsers. If you use @font-face, webkit based browsers (e.g chrome, safari) will not display any text until the font is loaded, firefox will display the text in an alternative font until your font is loaded (similar to how you see it now) and I'm not sure how IE handles it.

The best way I've found of managing this is to ensure I use proper caching for my @font-face fonts to make sure the user only downloads the font once and therefore only experiences the "flash of unstyled text" on their first page load but subsequent page loads are seamless.

On the contact form, the thank you for contacting us doesn't display the form anymore but the text jumps from one style to the correct font very quickly... Thank you for your continued help!

[AlexHenry]

There is not much you can do about this, it is a common problem when using remotely fetched fonts. I see you are using some Javascript called cufon to display the font using canvas. I'm not sure why you chose this option over @font-face like you've used on http://alexelliott.org.uk/maint/ but, regardless, this still would not fix your problem in all browsers. If you use @font-face, webkit based browsers (e.g chrome, safari) will not display any text until the font is loaded, firefox will display the text in an alternative font until your font is loaded (similar to how you see it now) and I'm not sure how IE handles it.

The best way I've found of managing this is to ensure I use proper caching for my @font-face fonts to make sure the user only downloads the font once and therefore only experiences the "flash of unstyled text" on their first page load but subsequent page loads are seamless.

Okay thanks, just gonna leave it but I really appreciate all of your help!