🧐How To: Use Google Fonts in Themes

Google Fonts is a computer font and web font service owned by Google.

This article will guide you in referencing a Google Font from Cubu for use on Portals, Kiosks, Tickets, and Digital Signs.

Choose a Font

• Open https://fonts.google.com/

• Browse the fonts library and select the font you wish to use.

• Click Get Font

Click Get Embed Code.

Choose Web / <link> to view the embed code.

Take note of the stylesheet URL and font family.

For example, if this is the embed code shown on screen:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">

• The URL is:

https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap

• The font family is: "Lato".

Use the Font in Cubu

• Go to Customer Engagement / Visual / Web Fonts.

• Click the New Web Font button to open the New Web Font dialog.

• Enter the font information:

  • Font Name: A unique name used to identify the font in Cubu.

  • Font Family: The font family you got in the previous step. Make sure you enter the exact name.

  • Font URL: The URL you got in the previous step.

• Click Create to create the font.

Once the font is created, you can use it in Themes.

See Also