Define Default Font

Elements Typography
1

I’m just setting up a template. I am looking for a way to define the default font for a series of projects rather than having to define it on a text element by text element basis. Is that not possible?

I’m using hype pro.

2

you can define css-defaults in the html-headsection.

3

Thanks for the reply - do I need to do it as an inline style tag because it's not working as I have put it - the text elements I add in are still coming up with the original helvetica. I know this is basic but I need to use the same font everywhere so I'd like to set it once and once only.

<link href='https://fonts.googleapis.com/css?family=Titillium+Web&subset=latin' rel='stylesheet' type='text/css'>
<style>
	body{font-family:"titillium web", "open sans", sans-serif;}
	.HYPE_element_container{font-family:"titillium web", "open sans", sans-serif;}
	</style>
4

This may work for you since the text will be in HYPE_element class also note the !important directive

.HYPE_element{font-family:"titillium web", "open sans", sans-serif !important;}

5

Hmm… and saying that I only can get elements like Rectangle to change their Text.
Even if I use the wildcard *{font-family:..

In Hype this looks like Text Elements pick up the font but when previewing they do not !!

6

Maybe it’s something for a wishlist for a future version.

7

Ah. it does work.

This seems to work now

     <link href='https://fonts.googleapis.com/css?family=Titillium+Web&subset=latin' rel='stylesheet' type='text/css'>
    <style>
    	.HYPE_element {font-family:"titillium web"!important;, "open sans", sans-serif!important;}
    	 
    	</style>

Also make sure you uncheck the protect from external styles

8

Thank you that worked - on the browser previews though, not in hype itself, that still shows the helvetica, but that’s fine.

Cheers :slight_smile:

9

Absolutely agree this should be built-in :slight_smile:.

4 Likes