Mastering Drupal 8

Introducing web fonts

Web fonts are a common use case when creating any theme and we can take full advantage of Google Fonts by adding it to the head of our document. The external reference allows our CSS to render the typography on various pages. The only problem is that currently we are not including the web fonts in our Drupal theme. Because we cannot download Google Fonts and use them locally, they need to be externally hosted. But how do we add externally hosted files to our twiggy.libraries.yml file? Let's take look at the following steps:

1. Open twiggy.libraries.yml.
2. Add the following entry:

       google_fonts: version: VERSION css: theme:        //fonts.googleapis.com/css?family=Open+Sans:300,400:{ type:        external } 

3. Save twiggy.libraries.yml ...