The problem with lining up text is that text and paragraph breaks may not take up the same amount of room in the browser as they do in a Windows application. There are two ways to fix it. The easiest way is to go into the text block properties and select the option to "render the text as an image for html." This guarantees it will look exactly the same when viewed in the browser. A second way to fix the problem is to go into the text block and make sure it is sized enough to display all of the text (no + sign is shown at the bottom of the text block.) Also, do not use paragraph breaks to move the text down the page. Instead, break the text block up into multiple text boxes and removed the paragraph breaks.I have not seen it where your font changes from a standard font such as Verdana to something else, although the render text as an image should take care of this. One cause of the problem may be if you are copying and pasting your text from another application such as Word or a web browser when creating the text boxes. These applications may have extra code formatting in the text that surfaces out once it is published to html. To avoid this, try copying and pasting into Windows Notepad first and then copy and paste from Notepad into Lectora in order to strip out any extra formatting.
