# Google Fonts einbinden für die Textformatierung

**URL:** <https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [12. Januar 2015 um 23:04 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533 "2015-01-12T23:04:35Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![gstele](https://avatars.discourse-cdn.com/v4/letter/g/bcef8e/32.png) [@gstele](https://forum.shopware.com/u/gstele)\
**Post date:** [12. Januar 2015 um 23:04 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533/1 "2015-01-12T23:04:35Z")

</div>

Guten Abend. Ich möchte gerne die Google Fonts einbinden, so dass z.B. bei Shopseiten der Text mit der Google Font formatiert werden kann. Wo muss ich den Code der normal in den Header gehört einfügen. Zum Beispiel nehme ich jetzt die Schriftart “Shadows Into Light” `<link href="http://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet" type="text/css">` Wenn ich nun den Text formatiere sollte die Schriftart doch so hinterlegt werden oder? `Mein Text` Vielen Dank Lg Patrick

---

<div class="post-metadata">

**Author:** ![gstele](https://avatars.discourse-cdn.com/v4/letter/g/bcef8e/32.png) [@gstele](https://forum.shopware.com/u/gstele)\
**Post date:** [20. Januar 2015 um 10:35 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533/2 "2015-01-20T10:35:43Z")

</div>

Kennt denn keiner eine Lösung? Lg Patrick

---

<div class="post-metadata">

**Author:** ![07alex07](https://avatars.discourse-cdn.com/v4/letter/0/b5a626/32.png) [@07alex07](https://forum.shopware.com/u/07alex07)\
**Post date:** [20. Januar 2015 um 13:22 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533/3 "2015-01-20T13:22:09Z")

</div>

Du musst die Schrift in deinem Template laden und dann kannst du sie nutzen

---

<div class="post-metadata">

**Author:** ![gstele](https://avatars.discourse-cdn.com/v4/letter/g/bcef8e/32.png) [@gstele](https://forum.shopware.com/u/gstele)\
**Post date:** [20. Januar 2015 um 15:50 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533/4 "2015-01-20T15:50:56Z")

</div>

Vielen Dank für deine Antwort. Ich habe das schon probiert, aber irgendwie bekomm ich es nicht hin. Wie funktioniert das richtig? Danke Lg Patrick

---

<div class="post-metadata">

**Author:** ![gstele](https://avatars.discourse-cdn.com/v4/letter/g/bcef8e/32.png) [@gstele](https://forum.shopware.com/u/gstele)\
**Post date:** [25. Januar 2015 um 11:07 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533/5 "2015-01-25T11:07:44Z")

</div>

Leider habe ich es noch immer nicht hinbekommen. Vl. kann mir jemand kurz zusammenschreiben was ich zu tun habe :). Vielen Dank Lg Patrick

---

<div class="post-metadata">

**Author:** ![Creatixx](https://avatars.discourse-cdn.com/v4/letter/c/c67d28/32.png) [@Creatixx](https://forum.shopware.com/u/Creatixx)\
**Post date:** [25. Januar 2015 um 12:30 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533/6 "2015-01-25T12:30:20Z")

</div>

Leg dir in deinem eigenem Template den Ordner index an. -\> templates/mein\_template/frontend/index/ In dem Index Ordner die Datei header.tpl anlegen mit folgendem Inhalt: ` {extends file='parent:frontend/index/header.tpl'} {block name="frontend\_index\_header\_css\_screen" append}<link href="http://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet" type="text/css">{/block} ` Danach Cache leeren. Nun sollte dir die Google Font geladen werden.

---

<div class="post-metadata">

**Author:** ![gstele](https://avatars.discourse-cdn.com/v4/letter/g/bcef8e/32.png) [@gstele](https://forum.shopware.com/u/gstele)\
**Post date:** [25. Januar 2015 um 15:17 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533/7 "2015-01-25T15:17:02Z")

</div>

[quote=„Creatixx“]Leg dir in deinem eigenem Template den Ordner index an. -\> templates/mein\_template/frontend/index/ In dem Index Ordner die Datei header.tpl anlegen mit folgendem Inhalt: ` {extends file='parent:frontend/index/header.tpl'} {block name="frontend\_index\_header\_css\_screen" append}<link href="http://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet" type="text/css">{/block} ` Danach Cache leeren. Nun sollte dir die Google Font geladen werden.[/quote] Vielen Dank, jetzt Funktioniert es 😉 Super Super 🙂 Was noch toll wäre wenn man die Schriftart im WYSIWYG Editor in die Dropdown Auswahl einbinden könnte :). Vielen Vielen Dank Patrick

---

<div class="post-metadata">

**Author:** ![gstele](https://avatars.discourse-cdn.com/v4/letter/g/bcef8e/32.png) [@gstele](https://forum.shopware.com/u/gstele)\
**Post date:** [26. Januar 2015 um 13:29 UTC](https://forum.shopware.com/t/google-fonts-einbinden-fur-die-textformatierung/24533/8 "2015-01-26T13:29:45Z")

</div>

> [@gstele](#):
>
> Vielen Dank, jetzt Funktioniert es 😉 Super Super 🙂 Was noch toll wäre wenn man die Schriftart im WYSIWYG Editor in die Dropdown Auswahl einbinden könnte :). Vielen Vielen Dank Patrick