Page 1 of 1

Custom fonts

Posted: 22 Nov 2017, 15:38
by ivan
Is there a way to use custom fonts in Welcome portal? If no, it would be useful feature. 

edit: questions is maybe for User interface forum, so feel free to move it there

Re: Custom fonts

Posted: 22 Nov 2017, 17:56
by HSNMSupport
Hi Ivan,

yes, it's possible. You can do it through CSS.
But pay attention that using external fonts can cause a strong increase of the used bandwidth.

Regards.

Re: Custom fonts

Posted: 22 Nov 2017, 22:04
by ivan
Yes, I'm aware of @import url function. But not all fonts are available through css. 
And of course we all want consume less bandwidth if possible :) 

Re: Custom fonts

Posted: 23 Nov 2017, 09:24
by HSNMSupport
Hi Ivan
Our web designer told me that all fonts should be available. 
Anyway pay attention that you have to use the CSS code on each APP (Login APP, Info App, ecc.) where you want to have your custom font and also you have to put the CSS code at the beginning
Below you can find a CSS example code:

@import url('https://fonts.googleapis.com/css?family ... Into+Light');
* {
font-family: 'Shadows Into Light', cursive !important;
}


Hope this help you

Best regards

Re: Custom fonts

Posted: 23 Nov 2017, 11:52
by ivan
Hi Ivan
Our web designer told me that all fonts should be available. 
Anyway pay attention that you have to use the CSS code on each APP (Login APP, Info App, ecc.) where you want to have your custom font and also you have to put the CSS code at the beginning
Below you can find a CSS example code:

@import url('https://fonts.googleapis.com/css?family ... Into+Light');
* {
font-family: 'Shadows Into Light', cursive !important;
}


Hope this help you

Best regards
But there is no all available fonts listed in google fonts. 
For example, Insaniburger fonts are available just for download (.ttf file). Is there any way to import and use them for instance? 

Re: Custom fonts

Posted: 23 Nov 2017, 12:12
by HSNMSupport
Hi Ivan,

is not possible to add and use them for instance.

What you can do is downloading the .ttf file an put it somewhere. Then set in the CSS code the URL to reach it.

Best Regards