DecSoft Support - Custom Fonts in HTML Compiler app

Custom Fonts in HTML Compiler app

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

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

DecSoft App Builder 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.

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

Create multiplatform apps with DecSoft App Builder, including Android and iOS 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.

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

Save time, resources and money creating apps for Android, iOS and more 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.

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

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

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

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

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

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

Bryce Beattie

I'm trying to use fontawesome and one other custom font in an app I'm building in HTML Compiler. If I use the fontawesome's cdn link

link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"

things work fine when I test in all browsers and in the HTML Compiler preview, but I'd rather embed the font in a local manner, like:

link rel="stylesheet" href="./css/all.css"

This second link works in all browsers I can test, but not when I use the HTML Compiler preview. Any idea what's going on, or if it is possible to get it to work somehow?

decsoft

Hello Bryce,

Certain protocol used by HTML Compiler (which, on the other hand, allows the program to work with non extracted files) don't allows to use local resources like custom fonts, in this case.

We have two possibilities here:

Use a remote URL for the CSS and fonts: the provided CDN URL, or your own app's server URL.
Use the Font Awesome SVG flavor, which works like a charm also in HTML Compiler apps.

In my opinion the second possibility can be better, since the resources remain locals, that is, the SVG JS file is compiled and used without problems by HTML Compiler without extract it to the user's computer. However, the second possibility can be also take in consideration.

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

Bryce Beattie

Thanks, I used the svg js version and fontawesome is working now.

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.