Skip to main content

How to set up the font family URL

Learn how the font family URL can be configured to match your styling standards.

Updated this week

The font family URL typically refers to the URL of a web font that you can use in your CSS to style text on a webpage. These URLs are provided by various web font services like Google Fonts, Adobe Fonts, or other web font providers.

Here's how you can find the font family URL for some common web font services:

Google Fonts

  1. Visit Google Fonts: Go to Google Fonts.

  2. Select a Font: Browse and select the font you want to use.

  3. Embed the Font: Click on the selected font and you will see an "Embed" section. This provides the URL. For example:

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

Adobe Fonts

  1. Visit Adobe Fonts: Go to Adobe Fonts.

  2. Select a Font: Browse and select the font you want to use.

  3. Add to Web Project: Add the font to a web project and Adobe will provide a `<link>` tag or a script tag to include in your HTML.

  4. Use the Font: Adobe also provides the CSS font-family declaration.

    Example:

<link rel="stylesheet" href="https://use.typekit.net/xxxxxx.css">

Even if you don't use one of the web font services above to find the font URL, you can have a file like this (xx.css) uploaded somewhere (server, drive). You should reference this URL in the Font URL field on your account's Branding page.

Example:

Please make sure this URL is public on the web so that anyone on the internet can find and view it.

Did this answer your question?