Through the eyes of unassuming narrator Nick Carraway, the story follows the enigmatic Jay Gatsby as he chases the object of his hopeless desire, the beautiful Daisy Buchanan. Once it’s imported, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.Hailed as one of the Great American Novels, The Great Gatsby delves into the dark corners of the Jazz Age to tell a tragic tale of obsession, love, and the gritty underbelly of the American Dream.Please note: The weights and styles a font includes is shown in each package’s README file. If you wish to select a particular weight or style, you may specify it by changing the import path. It is recommended you import in your site’s gatsby-browser.js file. Then within your app entry file or site component, import the font package. Run npm install to install the necessary package files. If you have a different Google Font you want to use, you can find the corresponding package in NPM or the Fontsource Font Preview Website. This example shows how to install the Open Sans font. You can decrease your site’s loading time by self-hosting fonts, saving ~300 milliseconds on desktop to 1+ seconds on 3G connections. You can now reference the font in your CSS:įontsource is a project to provide open source fonts from Google Fonts as NPM Packages.Add the plugin to your gatsby-config.js:.Install the plugin and its peerDependencies:.As in the self-hosting example below you’ll add the Open Sans font. There are different ways of adding web fonts like Google Fonts to Gatsby, in this guide you’ll use the recommended gatsby-omni-font-loader. (Need help creating one? Follow the Quick Start)

This guide covers how to add fonts from web services to your Gatsby site.

For iphone instal The Great Gatsby