Fonts refusing to export

Elements Typography
1

Hi all,

So, trying to use a custom font in a banner advert. Font displays fine within the hype main window (working). But when previewing in Chrome or Safari I just get a white screen. If I delete the custom fonts my scene shows correctly.

I’m not sure where I went wrong, here is my custom font code:

> <style>
> @font-face {
>     font-family: 'academy_sansregular';
>     src: url('academy_sans-demibold_playtype-webfont.woff2') format('woff2'),
>          url('academy_sans-demibold_playtype-webfont.woff') format('woff');
>     font-weight: normal;
>     font-style: normal;

> }




> @font-face {
>     font-family: 'academy_sansregular';
>     src: url('academy_sans-light_playtype-webfont.woff2') format('woff2'),
>          url('academy_sans-light_playtype-webfont.woff') format('woff');
>     font-weight: normal;
>     font-style: normal;

> }
> /<style>

I’m guessing it might be around the font path?

Any help gratefully received as always :slight_smile:

James

2

in case those fonts are within the resources add ‘$(resourcesFolderName)/’ as a prefix to their paths …

2 Likes
3

More info via Hype documentation pages…

http://tumult.com/hype/documentation/3.0/#adding-fonts

4

Thanks, I gave it a go to no avail. Luckily the font was easily matched with Google Fonts so just used that service.

:laughing:

5

Hi Thanks Greg for the link. It was not too helpful though, I had already looked at it. Maybe I should have mentioned that though.

1 Like
6

Did you see this post?

Make sure you place your Custom CSS within <style> tags...

2 Likes