Custom fonts General questions and topics about hsnm

[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

[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.

[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 :) 

[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

[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? 

[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