#2243 ThemeWare® Google Fonts Update (EN)
It has been possible to host fonts yourself with ThemeWare® for a long time. For ThemeWare® 2.5.0 (Shopware 5.7.x) we have now integrated an even more convenient solution and oriented ourselves here on our themes for Shopware 6.
Unfortunately, it is not possible to integrate over 9,000 Google Fonts into ThemeWare®, but we have permanently integrated the fonts provided in each theme into the corresponding theme. This gives you the ability to use your theme's default fonts (theme fonts) in compliance with the GDPR without having to make individual adjustments.
The installation of individual fonts has not changed. If you have already done this once, this update regarding "Google Fonts" should almost not have any effect on your shop. You are no longer required to install the standard ThemeWare® fonts manually.
As we are convinced of the benefits of this improvement, we have even applied these changes to an old development branch and released this improvement with ThemeWare® 2.3.7 for Shopware 5.6.x as well.
Changes
Please note: This article is not a legal advice and cannot replace this but we recommend not to import fonts via Google Fonts but to self-host them or to install them locally on your server and to embed them from there.
1) Embed local fonts
In order to take our recommendation into account in the configuration of ThemeWare® we have decided to activate the configuration "Embed local fonts" in the default setting:
- Embed local fonts (Tab "Colors & Typography" => Tab "Typography" => Bereich "Basic settings")
This helps new ThemeWare® customers but may also affect current customers.
Update note
Please check the "Include fonts locally" configuration (tab "Colors & Typography" => tab "Typography" => block "Basic settings") after the ThemeWare® update.
- If you do not want to import your fonts via the Google Fonts API, this configuration should be activated.
- If you want to import your fonts via the Google Fonts API, deactivate this configuration at your own risk.
2) Primary-Font and Secondary-Font
We have also deactivated the old font options in the dropdowns "Primary-Font" and "Secondary-Font". These no longer have any effect and will be completely removed in a future update.
We have marked the corresponding font options with the note "(option will be removed)". They only serve to make migration easier for current customers.
The dropdowns "Primary font" as well as "Secondary font" now use the following options:
- Option "Standard"
- Loads the locally installed default font "Open Sans".
- Option "Individual Font"
- Loads an individual font. The desired font must be entered in the field "Individual Primary-Font" or "Individual Secondary-Font".
Update note
Please check the "Primary-Font" and "Secondary-Font" configurations (Tab "Colours & Typography" => Tab "Typography" => Block "Basic Configuration") after the ThemeWare® update.
If a font is selected in one or both dropdowns (e.g. "Noto Sans (option will be removed)"), copy the name of the font (e.g. "Noto Sans") into the field "Individual Primary-Font" and/or "Individual Secondary-Font". Also change the corresponding dropdown to the option "Individual Font".
3) Theme-specific fonts
As ThemeWare® cannot install several gigabytes of data for over 9,000 Google Fonts, some manual editing was unfortunately always necessary. With this ThemeWare® update, we have tried to take some of the work off your hands.
Each ThemeWare® theme now places its specific fonts on your server. This means that in addition to the "Open Sans" you have one or two other fonts on your server that you can use without having to make any individual adjustments.
The following overview shows you which fonts are available in your theme:
Overview
| Primary-Font | Secondary-Font | |
|---|---|---|
| All themes | Standard: Open Sans | |
| Modern | Standard | Roboto (300,400,500,700) |
| Bath | Standard | Roboto Slab (300,400,500,600,700) |
| Bike | Source Sans Pro (300,400,600,700) | Exo 2 (300,400,500,600,700) |
| Bio | Roboto (300,400,500,700) | Englebert (400) |
| Clean | Montserrat (300,400,500,600,700) | Dancing Script (400,500,600,700) |
| Electric | Titillium Web (300,400,600,700) | |
| Exquisite | Standard | Oswald (300,400,500,600,700) |
| Fire | Standard | Lato (300,400,700) |
| Fit | Standard | Source Sans Pro (300,400,600,700) |
| Flower | Standard | Playfair Display (400,500,600,700) |
| Global | Standard | Roboto (300,400,500,700) |
| HiFi | Roboto (300,400,500,700) | Sedgwick Ave (400) |
| Kids | Source Sans Pro (300,400,600,700) | |
| Ladieswear | Lato (300,400,700) | Pacifico (400) |
| Lights | Lato (300,400,700) | Titillium Web (300,400,600,700) |
| Living | Source Sans Pro (300,400,600,700) | PT Sans (400,700) |
| Outdoor | Standard | Ubuntu (300,400,500,700) |
| Pets | Noto Sans (300,400,500,600,700) | |
| Plants | Standard | Source Sans Pro (300,400,600,700) |
| Strong | Roboto (300,400,500,700) | Oswald (300,400,500,600,700) |
You can enter the fonts of your theme (e.g. "Source Sans Pro" in ThemeWare® Kids) as an "Individual-Font". It does not matter whether you want to use the font as the "primary" or "secondary" font.
If you also activate the "Embed local fonts" option, the font is loaded from your server.
Update note
The fonts should be configured automatically during the update. However, if you have already edited the corresponding configuration fields, they cannot be updated during the update.
Please check if your theme is configured correctly:
- "Standard" in the table represents the option "Standard" in the field "Primary-Font" or "Secondary-Font". The field "Individual Primary-Font" or "Individual Secondary-Font" can remain empty in this case.
- If a "Primary-Font" or "Secondary-Font" is specified for your theme in the table above, this name can or should be in the configuration field "Individual Primary-Font" or "Individual Secondary-Font" and the option "Individual Font" is or shselected in the configuration field "Primary-Font" or "Secondary-Font".
Configuration example in ThemeWare® Modern:
Summary
Finally, we would like to summarise what you should pay attention to after the update:
- Check the field "Embed local fonts" (Tab "Colors & Typography" => Tab "Typography" => Block "Basic settings").
- If you had already activated this before the update, check whether this is still the case.
- If you had not activated this field before the update, we recommend that you activate the field and install the fonts locally. Of course, you can also deactivate the field at your own risk.
- Check the field "Primary-Font" (Tab "Colors & Typography" => Tab "Typography" => Block "Basic settings")
- Either "Standard" or "Individual Font" should be selected here.
- If an option "... (option will be removed)" is selected, see the update note in section "2) Primary-Font and Secondary-Font".
- Check the field "Secondary-Font" (Tab "Colors & Typography" => Tab "Typography" => Block "Basic settings")
- Either "Standard" or "Individual Font" should be selected here.
- If an option "... (option will be removed)" is selected, see the update note in section "2) Primary-Font and Secondary-Font".
- Check whether you are using fonts that your ThemeWare® theme has already integrated. You can undo this customisation if you like.
- After the update, recompile your ThemeWare® theme or ThemeWare® child theme and check that no fonts are being loaded via the Google Fonts API!
Bitte teile uns deine Meinung mit!
Lösung nicht gefunden?
Bitte sieh auch in den anderen Kategorien nach.
Fehler nicht gelöst?
Wenn du das Problem nicht mit den häufigsten Fehlern lösen konntest, starte die individuelle Fehlerbehebung. Hierüber kannst du auch ein Support-Ticket eröffnen, falls du den Fehler nicht selber beheben kannst.
Lösung nicht gefunden?
Bitte sieh auch in den anderen Kategorien nach.
Einführung Anleitungen Handbuch Profiwissen Häufige Fragen Häufige Fehler Shopware allgemein
Fehler nicht gelöst?
Wenn du das Problem nicht mit den häufigsten Fehlern lösen konntest, starte die individuelle Fehlerbehebung. Hierüber kannst du auch ein Support-Ticket eröffnen, falls du den Fehler nicht selber beheben kannst.