Adding Google Fonts

[Hippani]

This shows how to add a google font to Hippo Animator HTML export.

For example the tangerine font:

You need the file:
fonts.googleapis.com/css?family=Tangerine

open the file in your web browser and you get this code:

@font-face {
font-family: 'Tangerine';
font-style: normal;
font-weight: 400;
src: local('Tangerine'), url(http://themes.googleusercontent.com/static/fonts/tangerine/v3/HGfsyCL5WASpHOFnouG-RKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

Add a CSS file to the library in Hippo Animator.

Add the @font-face code to the CSS file.

Add a text item to the library, edit the font, change the "Font Type" to "Custom" then type in "Tangerine".

Some browsers will block Google Fonts on your local computer (e.g. IE 9+). You'll need to put the HTML page on the internet for it to work.