Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


Heads up: this plugin currently does not import fonts to your project. It only adds scripts to track webfont usage (required according to your subscription).

Add Fonts.com webfont usage tracking script to your Gatsby site.


npm install --save gatsby-plugin-fonts-com

How to use

TODO: clearer documentation

// In your gatsby-config.js
module.exports = {
  plugins: [
      resolve: 'gatsby-plugin-fonts-com',
      options: {
        projectId: 'YOUR_WEBFONT_PROJECT_ID',
        // Optional. Disables tracking during gatsby develop. Defaults to true.
        enableDuringDevelop: false,

Restart your Gatsby server for the plugin to take effect.

If you have improvements that you’d like to see, or encounter any bugs, feel free to create an issue!

© 2023 Gatsby, Inc.