Steps i have followed:
1- run following command:
yarn add gatsby-plugin-google-fonts
2- Added following in gatsby-config.js{ resolve:gatsby-plugin-google-fonts, options: { fonts: [ Poppins, "Space Grotesk", source sans pro\:300,400,700,bold, // you can also specify font weights and styles ], display: "swap", }, },
However Chrome is recognizing the font weight but Safari is not.
Steps i have followed: 1- run following command:
yarn add gatsby-plugin-google-fonts
2- Added following in gatsby-config.js
{ resolve:
gatsby-plugin-google-fonts, options: { fonts: [
Poppins, "Space Grotesk",
source sans pro\:300,400,700,bold, // you can also specify font weights and styles ], display: "swap", }, },
However Chrome is recognizing the font weight but Safari is not.
Safari Snap:
Chrome Snap: