DecSoft Support - Custom Fonts in HTML Compiler app

Custom Fonts in HTML Compiler app

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

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

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.

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

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

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

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 some frequently asked questions about us and our products!

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

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

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

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

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

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

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

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.