DecSoft Support - Using local fonts in your APP

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

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Take a look at our YouTube channel and subscribe to be notified about new videos!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Take a look at some frequently asked questions about us and our products!

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

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.

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.