I am loading external html files with the following script:

```
   <script type="text/javascript">
        $(document).ready(function(){
           $("#page1").click(function(){
            $('#result').load('140314F00604.htm');
             //alert("Thanks for visiting!");
           });

           $("#page2").click(function(){
            $('#result').load('140314F029.htm');
             //alert("Thanks for visiting!");
           });

           $("#page3").click(function(){
            $('#result').load('140221F193.htm');
             //alert("Thanks for visiting!");
           });
         });
    </script>
      <table cellpadding="0" cellspacing="0" style="width: 100%; border-size: 1px">
        <tr>
          <td><a id="page1" href="#">About</a></td>
          <td><a id="page2" href="#">Community</a></td>
          <td><a id="page3" href="#">Sponsor</a></td>
        </tr>
      </table>

    <div id="result" style="color:red; font-style:italic; font-family:Arial; font-size:12px;"></div>

```

It works perfectly. Load the html file, changes the font color, italic and size, but it does not seem to want to change the font itself to Arial.

The imported HTML looks like this:
![HTML Code](https://i.stack.imgur.com/QjRAB.png)

The imported html is generated by software and it can not be edited in the program itself therefore I am trying to load it and change its formatting.

The script below worked perfectly. Unfortunatly the imported html uses spaces to aligh text. Obviously this can not be changed. The working script messes the spacing if you change the font from courier to anything else as can be seen on the images. Is it posible to fix this?

```
function applyPreFont(){
var oldHtml = $('#result pre').html();
$('#result pre').html('<div class="pre-div">' + oldHtml + '</div>');
}

function LoadExternalContent(pagename){
$('#result').load(pagename, function(data) {
    applyPreFont();
    // do other stuff
});
}

$(document).ready(function(){
$("#page1").click(function(){
    LoadExternalContent('140314F00604.htm');
});

$("#page2").click(function(){
    LoadExternalContent('140314F029.htm');
});

$("#page3").click(function(){
    LoadExternalContent('140221F193.htm');
});
});

```

Original html file

![enter image description here](https://i.stack.imgur.com/zXwOt.png)

The output from the script

![enter image description here](https://i.stack.imgur.com/5RwkG.png)