DecSoft Soporte - Using local fonts in your APP

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

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

Eduardo Alfaro

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 {<br>    font-family: ownFont;<br>    src: url(app/files/OpenSans-Light.woff);<br>}

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 {<br>    font-family: ownFont;<br>    src: url(app/files/OpenSans-Light.woff);<br>}

<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

decsoft

Hello Eduardo,

Please, try with something like this:

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

Note how the app folders are organized:

app<br> -> files<br> -> 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!

Purchase one or more licenses of our products if they are useful to you!

Eduardo Alfaro

David,

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

Eduardo.

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.