# Adding webfonts

Pattern Lab:\
`web/themes/custom/training_theme/src/styleguide/meta/_head.twig`

{% tabs %}
{% tab title="_head.twig" %}
```markup
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,400;0,600;0,800;1,300;1,400&display=swap">
```
{% endtab %}
{% endtabs %}

`themes/custom/training_theme/`

{% tabs %}
{% tab title="training_theme.libraries.yml" %}
```yaml
webfonts:
  css:
    base:
      'https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,400;0,600;0,800;1,300;1,400&display=swap': { type: external, minified: true }
```
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="training_theme.info.yml" %}
```yaml
libraries:
  - training_theme/global
  - training_theme/webfonts
```
{% endtab %}
{% endtabs %}

_– training\_theme/global should already be present._

