Text in Fluid Boxes not rendering properly in preview or on publish

First time generating a responsive course with Captivate. I'm struck by how the text looks different in size and in font when I click the project preview button. And I'm talking about at full desktop/regular size, not at a smaller resolution. In preview, the fonts almost looks like a different font family altogether, and the position/size is off.

When I publish to Scorm Cloud, it looks much closer, but still not the right size at all, it's off by at least 20-30 points. I am using simple fonts like Arial and Times New Roman. It looks like it's rendered crisper in Scorm Cloud window (which is fine) but i would like it to match the same size as what I see on the Captivate stage (obviously, I expect the size to change when I resize the window, but that's not the issue).

I've tried adjusting all sorts of fluid box settings and font sizes. I'm probably missing something, so any help or suggestions would be appreciated. 

Thanks