#1 2016-06-15 10:00:08

eduardoalfaro
Member
Registered: 2016-06-08
Posts: 35

Using local fonts in your APP - CSS3 @font-face

David,

I doing lots of things with your APP Builder software... Rigth know I want to customize my "testing APP" with a font donloaded from GoogleFonts, because I want to use it offline, locally.

Well, I have downloaded the font, and converted from TFF to WOFF (that seems more compatible with all browsers), then I load the converter font with your software "file's manager" (F6) in others... and then, I have tried to add this CSS code to the APP Builder inline CSS, but it is not working.

The code I have typed at inline CSS:

@font-face {
    font-family: ownFont;
    src: url(app/files/OpenSans-Light.woff);
}

I have used SetStyle action, but it is not working. Also I have set the new font family "ownFont" at Style tap of the object, and it is not working. It only works, if I create a HTML tool, and then, insert something like this:

@font-face {
    font-family: ownFont;
    src: url(app/files/OpenSans-Light.woff);
}
<h1>Title</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pharetra pellentesque urna in consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

image: http://prntscr.com/bgksca

and then, set "ownFont" at Style tap.

image: http://prntscr.com/bgkt3m

once the style it is working on HTML tool, I can set-up to all objets or tools the new font-family on style tap. It is not working from inline css.

Can you tell me if we can use @font-face on inline css?? Any idea or suggestion??
Thank you so much!!!!

Eduardo

Offline

#2 2016-06-15 10:06:03

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,657
Website

Re: Using local fonts in your APP - CSS3 @font-face

Hello Eduardo,

Please, try with something like this:

@font-face {
    font-family: ownFont;
    src: url('../files/OpenSans-Light.woff');
}

Note how the app folders are organized:

app
 -> files
 -> styles

Then, if we want to refer a file from an stylesheet, we need to "salt up" a folder like in the above CSS code.

Try it and tell me if they works or what!

Offline

#3 2016-06-15 10:48:14

eduardoalfaro
Member
Registered: 2016-06-08
Posts: 35

Re: Using local fonts in your APP - CSS3 @font-face

David,

It is working very good!!!! Thank you so much for your great support. A++++++++++++

Eduardo.

Offline

#4 2016-06-15 11:06:17

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,657
Website

Re: Using local fonts in your APP - CSS3 @font-face

You're welcome! wink

Offline

Board footer

Powered by FluxBB


Copyright ©2018 DecSoft. All rights reserved.