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.

Orbitron font copy and paste