Custom fonts
General questions and topics about hsnm

Rate this topic
   Post Reply
6 posts   •   Page 1 of 1
ivan
Posts: 19
Joined: 20 Sep 2017, 20:37

Custom fonts

by ivan » 22 Nov 2017, 15:38

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
Posts: 1529
Joined: 26 Jul 2016, 09:16

Re: Custom fonts

by HSNMSupport » 22 Nov 2017, 17:56

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
Posts: 19
Joined: 20 Sep 2017, 20:37

Re: Custom fonts

by ivan » 22 Nov 2017, 22:04

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
Posts: 1529
Joined: 26 Jul 2016, 09:16

Re: Custom fonts

by HSNMSupport » 23 Nov 2017, 09:24

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
Posts: 19
Joined: 20 Sep 2017, 20:37

Re: Custom fonts

by ivan » 23 Nov 2017, 11:52

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
Posts: 1529
Joined: 26 Jul 2016, 09:16

Re: Custom fonts

by HSNMSupport » 23 Nov 2017, 12:12

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

Rate this topic

Who is online

Users browsing this forum: No registered users and 6 guests

It is currently 28 Mar 2024, 23:28