Define Default Font

(charlotte) #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.

(Hans-Gerd Claßen) #2

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

(charlotte) #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='' rel='stylesheet' type='text/css'>
	body{font-family:"titillium web", "open sans", sans-serif;}
	.HYPE_element_container{font-family:"titillium web", "open sans", sans-serif;}

(Mark Hunte) #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;}

(Mark Hunte) #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 !!

(charlotte) #6

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

(Mark Hunte) #7

Ah. it does work.

This seems to work now

     <link href='' rel='stylesheet' type='text/css'>
    	.HYPE_element {font-family:"titillium web"!important;, "open sans", sans-serif!important;}

Also make sure you uncheck the protect from external styles

(charlotte) #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:

(Jonathan Deutsch) #9

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