If you particularly want to build fonts manually on your own computer, you will need to install the yq utility. Variable Font Specimenįonts are built automatically by GitHub Actions - take a look in the 'Actions' tab for the latest build. Of course Orbitron could also be used on the posters for the movies portraying this inevitable future. Only those very few geometric typefaces have survived to be used on spaceship exteriors, space station signage, monopolistic corporate branding, uniforms featuring aerodynamic shoulder pads, etc. If you’ve ever seen a futuristic sci-fi movie, you have may noticed that all other fonts have been lost or destroyed in the apocalypse that led humans to flee earth. Orbitron was designed so that graphic designers in the future will have some alternative to typefaces like Eurostile or Bank Gothic. It features four weights (light, medium, bold, and black), stylistic alternatives, small caps, and a ton of alternate glyphs. 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.Orbitron is a geometric sans-serif typeface intended for display purposes. 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.

Font orbitron html