Home

Awesome

elderjs-plugin-google-fonts

This plugin fetches fonts from google fonts, generates font-face definitions and inlines those in the head tag.

Usage

Simply install and add your config to elder.config.js. An example:

'elderjs-plugin-google-fonts': {
  fonts: {
    'Anton': ['400'],
    'Overpass': ['400', '700i'],
    'Inter': ['400'],
  },
  subsets: ['latin'],
}

Config

NameDescriptionsDefault
fontsObjects of fonts (key) to be downloaded in specified weights (value, Array)required
subsetsDEPRECATED: Array of subsets to be downloaded[]
swapAdds font-display: swap CSS property. Recommended by Pagespeed Insights.false
prefixOptional folder name where the files be saved to. Useful if you have a server prefix set in your Elder config.'/'