Embed fonts on HTML5 target

Welcome to our brand new Clickteam Community Hub! We hope you will enjoy using the new features, which we will be further expanding in the coming months.

A few features including Passport are unavailable initially whilst we monitor stability of the new platform, we hope to bring these online very soon. Small issues will crop up following the import from our old system, including some message formatting, translation accuracy and other things.

Thank you for your patience whilst we've worked on this and we look forward to more exciting community developments soon!

Clickteam.
  • Hi, I'd like to use some embedded fonts on my game, exported using the HTML5 module. While I can set the font at the editor and it works on the exported game o my computer, I believe users without the font installed on their computers will be able to see it... Is there a way to tell Fusion to embed these external fonts?

  • Got it!
    Just created my onw css with the web versions (woff) of the fonts to embed and manually included it at the index.html file. The game loaded them perfectly on systems without the fonts installed.

  • First, you'll need the font to be installed at your system so you can use it on Fusion. But you'll also need a web-compatible version of the font files (like .woff or .woff2 files). If you don't have these files, just look for a web conversion tool to transform your .ttf or .otf files (Please login to see this link. works just fine).

    These conversion tools usually create the font files as well the required css to embed them at yout html page. Just use them ;)

    One trick: the generated css may embed the font with a different name than the one used by Fusion. You may need to change it. To discover the exact name Fusion uses, insert an edit box, set the font, export as an HTML5 app and use the browser's inspector to discover the exact font name.

    I attached an example at this post.

    Please login to see this attachment.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!