Google Fonts
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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!
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:
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:
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).
You can find out how to integrate any font, including your own, locally using ThemeWare® in the ThemeWare® Knowledge Base:
Tutorial:
Tutorial:
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...
(Standard)