API Reference

The Barclay Fonts API is available over our CDN. We recommend you place these script tags in your page’s <head> section.

<script src="https://barclayfonts.pages.dev/cdn/apis/loader.min.js"></script>

Usage

You can load fonts from a single or multiple foundries easily. See the Participating font foundries page for the full list of foundries.

For a single foundry, use:
<script>BarclayFonts.load({foundries: ['foundry1']});</script>
For a multiple foundries, use:
<script>BarclayFonts.load({foundries: ['foundry1', 'foundry2']});</script>

Then, load the fonts by using the names as seen in the Font Library.

<style>
    h1 {
        font-family: 'Buchman';
    }

    h1 {
        font-family: 'University Press';
    }
</style>