# Google Fonts

ThemeWare® Knowledge Base => How-to guides on fontsThemeWare® Knowledge Base => How-to guides on fontsThemeWare® offers the option of integrating Google Fonts via the corresponding API. However, **we recommend that you self-host Google Fonts** (in compliance with the German Data Protection Act (DSGVO)) and store them locally and embedd them from your webserver.

{% hint style="danger" %}
**Disclaimer**: The information in this article is of a general nature and cannot replace specific legal advice. Be sure to seek legal advice regarding the *General Data Protection Regulation (GDPR)* before using font APIs such as Google Fonts!
{% endhint %}

{% hint style="info" %}
**Note**: Be sure to always check your shop carefully for Google Fonts. These can also be imported regardless of the theme through Plugins or individual customisations!
{% endhint %}

## Import Google Fonts

The following configuration is available for importing fonts via the Google Fonts API:

> Tab "Layout" => Block "Typography" => Section "Google Fonts" => Field "Import Google Fonts"

This is disabled by default because the use of the Google Fonts API is not recommended with regard to the GDPR.

You can enable this configuration if you still want to use the Google Fonts API. If you do not want to use the Google Fonts API, make sure that this configuration is disabled.

For information on how to import Google Fonts, visit the ThemeWare® Knowledge Base:

{% embed url="<https://knowledge.themeware.design/knowledge-base/tutorials/fonts/importing-google-fonts>" %}
ThemeWare® Knowledge Base ⇒ Importing Google Fonts
{% endembed %}

## Using local default fonts

As the Google Fonts library now offers more than 900 fonts (over 5,000 fonts), we unfortunately cannot integrate all fonts into ThemeWare®.

Since ThemeWare® 1.1.7, all the fonts used by ThemeWare® are part of every ThemeWare® theme. This means that 10+1 fonts are available in each theme:

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th></th></tr></thead><tbody><tr><td><a href="https://fonts.google.com/specimen/Inter">Inter</a> (Standard)</td><td><strong>Fonttype</strong>: <code>'Inter', sans-serif</code></td><td><strong>Font weights</strong>: 400, 600, 700</td><td>e.g. ThemeWare® Modern</td></tr><tr><td><a href="https://fonts.google.com/specimen/Englebert">Englebert</a></td><td><strong>Fonttype</strong>: <code>'Englebert', sans-serif</code></td><td><strong>Font weights</strong>: 400</td><td>e.g. ThemeWare® Bio</td></tr><tr><td><a href="https://fonts.google.com/specimen/Exo+2">Exo 2</a></td><td><strong>Fonttype</strong>: <code>'Exo 2', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 500, 600, 700</td><td>e.g. ThemeWare® Bike</td></tr><tr><td><a href="https://fonts.google.com/specimen/Montserrat">Montserrat</a></td><td><strong>Fonttype</strong>: <code>'Montserrat', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 500, 600, 700</td><td>e.g. ThemeWare® Clean</td></tr><tr><td><a href="https://fonts.google.com/specimen/Open+Sans">Open Sans</a></td><td><strong>Fonttype</strong>: <code>'Open Sans', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 500, 600, 700</td><td>e.g. ThemeWare® Living</td></tr><tr><td><a href="https://fonts.google.com/specimen/Oswald">Oswald</a></td><td><strong>Fonttype</strong>: <code>'Oswald', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 500, 600, 700</td><td>e.g. ThemeWare® Strong</td></tr><tr><td><a href="https://fonts.google.com/specimen/Roboto">Roboto</a></td><td><strong>Fonttype</strong>: <code>'Roboto', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 500, 700</td><td>e.g. ThemeWare® Strong</td></tr><tr><td><a href="https://fonts.google.com/specimen/Roboto+Slab">Roboto Slab</a></td><td><strong>Fonttype</strong>: <code>'Roboto Slab', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 500, 600, 700</td><td>e.g. ThemeWare® Bath</td></tr><tr><td><a href="https://fonts.google.com/specimen/Source+Sans+Pro">Source Sans Pro</a></td><td><strong>Fonttype</strong>: <code>'Source Sans Pro', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 600, 700</td><td>e.g. ThemeWare® Living</td></tr><tr><td><a href="https://fonts.google.com/specimen/Titillium+Web">Titillium Web</a></td><td><strong>Fonttype</strong>: <code>'Titillium Web', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 600, 700</td><td>e.g. ThemeWare® Lights</td></tr><tr><td><a href="https://fonts.google.com/specimen/Ubuntu">Ubuntu</a></td><td><strong>Fonttype</strong>: <code>'Ubuntu', sans-serif</code></td><td><strong>Font weights</strong>: 300, 400, 500, 700</td><td>e.g. ThemeWare® Outdoor</td></tr><tr><td>Further fonts will follow later...</td><td></td><td></td><td></td></tr></tbody></table>

ThemeWare® automatically checks whether a locally available "default font" has been specified in the configuration fields for the fonttype. If this is the case, it is loaded directly from your own server ("locally") in compliance with the GDPR.

Please note which fonts are included in ThemeWare® (see the overview above) and which configuration values you should ideally use – for example: `'Open Sans', sans-serif`

> ThemeWare® font configuration can be found here:
>
> * Tab "Layout" => Block "Typography" => Section "Text" => Fonttype
> * Tab "Layout" => Block "Typography" => Section "Headlines" => Fonttype

If you specify a font that is not part of ThemeWare® and has not been embedded manually, the browser will use a so-called "fallback font" instead – this is a system font that is available locally on the visitor's device (e.g. Arial, Helvetica or Times New Roman).

## Self host or locally install fonts

You can find out how to integrate any font, including your own, locally using ThemeWare® in the ThemeWare® Knowledge Base:

{% embed url="<https://knowledge.themeware.design/knowledge-base/tutorials/fonts>" %}
ThemeWare® Knowledge Base => Fonts
{% endembed %}

#### Further information

* Tutorial: [Embedding fonts locally](https://knowledge.themeware.design/knowledge-base/tutorials/fonts/embedding-fonts-locally)
* Tutorial: [Embedding fonts locally using the ThemeWare® Customizing Plugin](https://knowledge.themeware.design/knowledge-base/tutorials/fonts/embedding-fonts-locally-using-the-themeware-customizing-plugin)