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

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