IWeb looks different in program than published on web

Question

I understand that some of the Fonts I use to create in iWeb won't necessarily translate the same to all computers....but why is the spacing getting messed up as well? This happens most frequently when I use textboxes or pictures in frames, set them to 'Floating,' and arrange them how I want them to look on the page....but then when the site publishes they look totally different online than they do in my iWeb.
How can I at least keep them consistent?? Help!!

Answer 1

Welcome to the Apple Discussions. For maximum font compatibility across different computers you should use Web Safe Fonts. Otherwise if a computer doesn't have that font it will substitute one which may not fit the layout.
An alternative is to apply a drop shadow to the text box and set its opacity to zero. That will convert it to an image file which will display the same on all computers. If you have iWeb's preferences set to indicate text boxes that have been converted this is what you'll see in iWeb:
Click to view full size
However, it will add "weight" to the page causing it to load slower in browsers. That should be avoided if at all possible.
OT