You will find below a mix of different styles of fonts including minimal, modern fonts (Anurati), monospaced fonts (Space Mono), geometric sans serif fonts (Orbitron) and fonts with squarish letterforms (Neuropol). Most of these fonts are designed as display typefaces for titles and headlines, while a few such as Exo come in many weights and are versatile enough to be used in body copy as well.

To use multiple Google Fonts in your app, add additional HTML to the HTMLHeader as described above for each font you want to use and create the corresponding Web Style.In this post, we bring to you some of the best techno and sci-fi fonts that you can use in your own futuristic designs. Whether you are designing a game interface, or need a font to complement the science fictional theme of your YouTube video thumbnails, blogs, social media posts or posters, these fonts will help you create a space age atmosphere and style. The text should appear using the Google Font. On Web, add a Label (or a TextField or a TextArea) with some text and change its Style property to Orbitron.For Orbitron, the Web Style should be called 'Orbitron'.

This is case-sensitive so make sure it matches exactly. Create a new Web Style and give it the name of the Google Font.You should now have text in the editor that looks like this:.Go back to Xojo and in the HTMLHeader property editor, add this CSS in between the curly brackets.Go back to the Orbitron page and copy the text in the 'Specify in CSS' section of the banner at the bottom.In between the style tags, add a period followed by the name of the Google Font and two curly brackets.Paste the text you copied from above into the editor for the property. In your Xojo web project select the App and then click the 'pencil' icon next to the HTMLHeader property in the Inspector to show the editor.Make sure 'Standard' is selected and copy the HTML text. Click the banner to display the full details. This adds a banner at the bottom of the page that says '1 Family Selected'.On the Orbitron page, click 'SELECT THIS FONT' in the top right.As an example font to try, search for the font called 'Orbitron' (use the search field in the top right) and then click it to display its font page. Go to and click on the name of the font to go to its page.Here are the steps to use a Google Font in your web app.

Google fonts orbitron