Try the following steps to resolve the issue of having scrollbar and border appearing around your text when using Google Font in Tumult Hype.

1. Embed the Google Font within your header tags.

E.g. <link href=”http://fonts.googleapis.com/css?family=Economica” rel=”stylesheet” type=”text/css”>

 
 

2. Create a style for your font with a stylesheet.

#maintext {
font-family:”Economica”,sans-serif;
font-size:12px;
}
 
3. Use the Text element instead of the HTMLWidget to insert text.

2. Do not expand the text element boundaries and simply double click on the edit icon to insert the text with HTML formatting.

E.g. <p id=”maintext“>Hello World <br> Testing</p>

 

 

%d bloggers like this: