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.

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!

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:

ThemeWare® Knowledge Base ⇒ Importing Google Fonts

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:

Inter (Standard)

Fonttype: 'Inter', sans-serif

Font weights: 400, 600, 700

e.g. ThemeWare® Modern

Fonttype: 'Englebert', sans-serif

Font weights: 400

e.g. ThemeWare® Bio

Fonttype: 'Exo 2', sans-serif

Font weights: 300, 400, 500, 600, 700

e.g. ThemeWare® Bike

Fonttype: 'Montserrat', sans-serif

Font weights: 300, 400, 500, 600, 700

e.g. ThemeWare® Clean

Fonttype: 'Open Sans', sans-serif

Font weights: 300, 400, 500, 600, 700

e.g. ThemeWare® Living

Fonttype: 'Oswald', sans-serif

Font weights: 300, 400, 500, 600, 700

e.g. ThemeWare® Strong

Fonttype: 'Roboto', sans-serif

Font weights: 300, 400, 500, 700

e.g. ThemeWare® Strong

Fonttype: 'Roboto Slab', sans-serif

Font weights: 300, 400, 500, 600, 700

e.g. ThemeWare® Bath

Fonttype: 'Source Sans Pro', sans-serif

Font weights: 300, 400, 600, 700

e.g. ThemeWare® Living

Fonttype: 'Titillium Web', sans-serif

Font weights: 300, 400, 600, 700

e.g. ThemeWare® Lights

Fonttype: 'Ubuntu', sans-serif

Font weights: 300, 400, 500, 700

e.g. ThemeWare® Outdoor

Further fonts will follow later...

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:

ThemeWare® Knowledge Base => Fonts

Further information

Last updated

Was this helpful?