Why are my custom fonts not showing in the font picker?

When you integrate Builder into your website, any content authored within Builder will automatically inherit the global CSS properties and fonts that are on your site.

However, some users may find instances where their global fonts don’t show up in the font dropdown of the style tab

This has to do with how Builder is able to access fonts available for any given DOM element. Due to security limitations, Builder is not able to scan all fonts available in a given site’s style sheet, but instead can only see the active styles and fonts for a selected DOM node. So if a given element is using a specific font, Builder can surface it, otherwise we will not be able to find it

To ensure that your font is always available as a selection, we recommend uploading to your site as a custom font, as outlined in this doc: How to add custom fonts - Builder.io