When I paste text into a Web page, the fonts go all strange

If you're using the Easy Edit function on your Web site, be careful when pasting text from, say, a Microsoft Word document, a PDF file or even from another Web page. These programs often insert their own styles and formatting, which might make your Web page look odd.

The best way to avoid this is to prepare all your text without formatting, paste it into the Web page, and then do the formatting.

However, this isn't always feasible. If you have already pasted in the text, you have to manually remove the weird formatting. Go to the Details box, which shows all the HTML code for the page, like this:



Typically, these are the things to change:

Paragraph tags: If you see some code <P ...>, remove everything between the P and the >. For instance, remove the bold code in this example:

<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">

This will end up as just this:

<P>

Span tags: Similarly, if you see some code <SPAN ...>, remove everything between the SPAN and the >. For instance, remove the bold code in this example:

<SPAN style="FONT-SIZE: 12pt; mso-ansi-language: EN-US; mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: EN-US; mso-bidi-language: AR-SA">

This ends up like this:

<SPAN>

Styles: If there are any remaining occurrences of style="...", remove them - e.g. the bold in here:

<I style="FONT-SIZE: 12pt; mso-ansi-language: EN-US;">

This will end up as:

<I>

Classes: Do the same for occurrences of class="...".