How to use any font in moddio games

Step 1: download the font you like. Make sure you have the rights to use it in your game. I used this font, which is available under the open font license.
Step 2: go to Transfonter
Step 3: upload the font using the ‘Add fonts’ button. The best formats to use are TTF and WOFF/WOFF2 since they are supporsted by all browsers.
grafik
Step 4: enable base64 encode, double check your settings


Step 5: Click ‘Convert’. You will receive a .zip file. Extract the contents. They will contain stylesheet.css and index.html.
Step 6: Copy the contents of the .css file into the tag of your game (in UI customization for advanced tier games, in game description for basic tier). see red border in image
Step 7: Apply the font to your HTML. see green border in image

Here’s the result in my case:
grafik

4 Likes