The font family URL typically refers to the URL of a web font that can be used in CSS to style text on a webpage. These URLs are provided by web font services such as Google Fonts, Adobe Fonts or other web font providers.
Finding a font family URL
Here's how to find the font family URL for some common web font services:
Google Fonts
Visit Google Fonts
Browse and select the desired font
Open the selected font to view the Embed section, which provides the URL.
Example:
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
Adobe Fonts
Visit Adobe Fonts
Browse and select the desired font
Add the font to a web project
A <link> or script tag will be provided for inclusion in HTML
A corresponding CSS font-family declaration is also provided
Example:
<link rel="stylesheet" href="https://use.typekit.net/xxxxxx.css">
Using a custom font URL
If a web font service is not used, a CSS file (e.g., xx.css) can be hosted on a server or cloud storage. This file should then be referenced via its public URL.
That URL should be added to the Font URL field in the account’s Branding page.
Example:
Important:
Ensure the font URL is publicly accessible so it can be retrieved and applied correctly.