Font Distorting when published

Hi Everyone,

I am new to using Articulate and have created my first project in Engage.  It's basic and using the standard Accordion template with Arial as the font. When I preview the file the font is clear and easy to read. When I publish the file and view the published file it is clear to view on my Ipad, however when viewing from all other devices it is distorting the font where it is bolding random letters like it is trying to stretch the letters and making it hard to read.  

Is there a setting which I am missing which could be causing this or any suggestions on how I can fix this?

Cheers

Tammie