HTML scrolling text in Captivate

Hello all,

I'm embedding HTML code into a web object in Captivate to get scrolling text. (I do not want to use the Captivate scrolling text widget just an FYI)

Everything is working fine except for the font. It's correctly pulling Lato into the scrolling text when I preview in Captivate, but when I publish the project to the web, it's showing Times New Roman.

I'm currently calling to the Lato font via Adobe Web Fonts but I want to call to the google font instead to see if this will solve my problem. How should I change the code, so that I'm calling in the font from Google? Or is there an obvious reason I'm not seeing as to why the correct font isn't appearing in the published project?

Here's the @1552174 code for Lato from Google Fonts:

<style>

@1552174 url('https://fonts.googleapis.com/css?family=Lato');

</style>

Here's the standard code:

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

Here's my scrolling text code:

<style type="text/css">

  #scrollingText, h1 {

  font-family: lato;

  font-style: normal;

  font-weight: 300;

  font-size: 14px;

}

  h1 {

  text-align: center

  }

#scrollingText {

  margin-top: -25px;

  padding-right: 15px;

  padding-left: 15px;

}

</style>

<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/lato:n1,n3:default.js" type="text/javascript"></script>

<div id="scrollingText">

  <p> TEXT TEXT TEXT TEXT  </p>

</div>

Thanks!