# Schrifttyp und -größe ändern bzw. google fonts lokal speichern

**URL:** <https://forum.shopware.com/t/schrifttyp-und-grosse-andern-bzw-google-fonts-lokal-speichern/65060>\
**Category:** Themes & Design\
**Created:** [27. Februar 2020 um 18:22 UTC](https://forum.shopware.com/t/schrifttyp-und-grosse-andern-bzw-google-fonts-lokal-speichern/65060 "2020-02-27T18:22:07Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![annaconta](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@annaconta](https://forum.shopware.com/u/annaconta)\
**Post date:** [27. Februar 2020 um 18:22 UTC](https://forum.shopware.com/t/schrifttyp-und-grosse-andern-bzw-google-fonts-lokal-speichern/65060/1 "2020-02-27T18:22:07Z")

</div>

ich würde gerne die Schriftgröße und den -typ ändern. Da es datenschutzrechtliche Bedenken gibt mit den google fonts, würde ich Schrift dann auch lokal speichern wollen. Bei Joomla hatte ich die neue Schrift in den fonts-Ordner hochgeladen und die Schrift in der custom.css angepasst. Wie wird das in Shopware gemacht?

In den Theme-Einstellungen im Backend hatte ich die Schrift schon mal abgeändert, das Ergebnis war etwas bizarr: Mal war die Überschrift anders, mal der Text und gerne wurde auch eine ganz andere Schrift dargestellt.&nbsp;

---

<div class="post-metadata">

**Author:** ![annaconta](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@annaconta](https://forum.shopware.com/u/annaconta)\
**Post date:** [27. Februar 2020 um 19:45 UTC](https://forum.shopware.com/t/schrifttyp-und-grosse-andern-bzw-google-fonts-lokal-speichern/65060/2 "2020-02-27T19:45:03Z")

</div>

ich habe jetzt anhand dieser Anleitung hier&nbsp;[Shopware 6 Shorty | Eigenen Font einbinden – The Cake Shop](https://www.the-cake-shop.de/shopware-6-shorty-eigenen-font-einbinden/) (danke! 🙂 die .scss geändert.&nbsp;

Nun hänge ich aber noch an dieser Stelle. Wie mache ich das? und was ist dieses font-display: swap? evtl. muss ich da was anderes setzen?

_danach müsst Ihr noch&nbsp;./psh.phar storefront:build&nbsp;ausführen, damit die Daten entsprechend ins richtige Verzeichnis geladen werden (DOCROOT/public/bundles/deintheme/font/opensans/\*\*\*.ttf)._

&nbsp;

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [28. Februar 2020 um 10:23 UTC](https://forum.shopware.com/t/schrifttyp-und-grosse-andern-bzw-google-fonts-lokal-speichern/65060/3 "2020-02-28T10:23:16Z")

</div>

Swap: Weist den Browser an, den Text mithilfe der Fallback-Schriftart anzuzeigen, bis die benutzerdefinierte Schriftart vollständig heruntergeladen wurde.

---

<div class="post-metadata">

**Author:** ![annaconta](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@annaconta](https://forum.shopware.com/u/annaconta)\
**Post date:** [28. Februar 2020 um 10:32 UTC](https://forum.shopware.com/t/schrifttyp-und-grosse-andern-bzw-google-fonts-lokal-speichern/65060/4 "2020-02-28T10:32:17Z")

</div>

ich habe eben festgestellt, dass ich eigentlich gar nichts machen muss, das passiert alles automatisch. Ich arbeite eigentlich mit Safari und da sehe ich eine ganz Schriftart, was mich irritierte. Das liegt dann aber an dem Browser, denn unter Firefox sieht es gut aus. Da muss ich wohl noch truetype „installieren“

---

<div class="post-metadata">

**Author:** ![sunflower](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sunflower/32/8100_2.png) [@sunflower](https://forum.shopware.com/u/sunflower)\
**Post date:** [30. Juni 2021 um 14:33 UTC](https://forum.shopware.com/t/schrifttyp-und-grosse-andern-bzw-google-fonts-lokal-speichern/65060/5 "2021-06-30T14:33:41Z")

</div>

Hm, psh.phar ist ja nur im Development-Template vorhanden.  
Wie kann man dann den Font im Production-Template einbinden?