# Google Fonts in Topmenü

**URL:** https://forum.shopware.com/t/google-fonts-in-topmenu/17710
**Category:** Shopware 3.5
**Tags:** themes--design
**Created:** [10. Januar 2014 um 21:27 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710 "2014-01-10T21:27:42Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![estores](https://avatars.discourse-cdn.com/v4/letter/e/7c8e57/32.png) [@estores](https://forum.shopware.com/u/estores)
#### Post date: [10. Januar 2014 um 21:27 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/1 "2014-01-10T21:27:42Z")

</div>

Hallo, leider funktioniert es, trotz der zahlreichen Berichte hier im Forum nicht mit der Einbindung der Google Fonts in meine Main Navigation. Ich habe folgende Änderunren gemacht: frontend/index/header.tpl `{extends file='parent:frontend/index/header.tpl'} {block name="frontend\_index\_header\_css\_screen" append} <link type="text/css" media="screen, projection" rel="stylesheet" href="%7Blink%20file='frontend/_resources/styles/emotion_green.css'%7D"><link href="http://&lt;span%20class=%22posthilit%22&gt;fonts&lt;/span&gt;.googleapis.com/css?family=Port+Lligat+Slab" rel="stylesheet" type="text/css"> {/block}` und dann in der emotion.css `#mainNavigation a {color:#fff;border-left-color: #e1540f;border-right-color:#eb6600; font-family: 'Port Lligat Slab', serif;}` Kann mir jemand helfen? Entweder ich hab generell etwas falsch gemacht oder einfach einen Fehler übersehen :-/ Danke schon einmal für eure Hilfe 🙂

---

<div class="post-metadata">

### Author: ![september](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@september](https://forum.shopware.com/u/september)
#### Post date: [11. Januar 2014 um 11:04 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/2 "2014-01-11T11:04:21Z")

</div>

Servus, ich bin mir nicht sicher ob das hier von dem Editor stammt oder ob das wirklich so in deinem Code steht:das müsste heissen:Grüße Jan

---

<div class="post-metadata">

### Author: ![estores](https://avatars.discourse-cdn.com/v4/letter/e/7c8e57/32.png) [@estores](https://forum.shopware.com/u/estores)
#### Post date: [11. Januar 2014 um 12:36 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/3 "2014-01-11T12:36:56Z")

</div>

Hi Jan, in der Tat hat mich das auch etwas verwundert, aber ich hab das öfters hier so im Forum gefunden. Allerdings hat auch der richtige Code keine Änderung gebracht, er greift auf die default Helvetica zu :-/

---

<div class="post-metadata">

### Author: ![Martin\_Schindler](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@Martin\_Schindler](https://forum.shopware.com/u/Martin_Schindler)
#### Post date: [11. Januar 2014 um 12:39 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/4 "2014-01-11T12:39:23Z")

</div>

Eine wichtige Anmerkung hierzu noch: Sollte ein SSL Zertifikat zum Einsatz kommen, kann es sein, dass die Google Font im Warenkorbprozess nicht mehr funktioniert weil dort ja dann in der Regel auf https umgestellt wird. Um das zu vermeiden hilft es, die URL für die Google Font ohne Protokoll einzutragen: `<link href="//fonts.googleapis.com/css?family=Port+Lligat+Slab" rel="stylesheet" type="text/css">` Beste Grüße!

---

<div class="post-metadata">

### Author: ![estores](https://avatars.discourse-cdn.com/v4/letter/e/7c8e57/32.png) [@estores](https://forum.shopware.com/u/estores)
#### Post date: [11. Januar 2014 um 12:55 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/5 "2014-01-11T12:55:53Z")

</div>

Hallo Martin, funktioniert leider auch nicht… Wo kann ich den Fehler noch suchen? Im Seitenquelltext wird der Link sauber dargestellt. Hab ich in der CSS irgendeinen Fehler gemacht?

---

<div class="post-metadata">

### Author: ![Martin\_Schindler](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@Martin\_Schindler](https://forum.shopware.com/u/Martin_Schindler)
#### Post date: [11. Januar 2014 um 12:59 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/6 "2014-01-11T12:59:08Z")

</div>

Hast du vielleicht nen Link zum Shop damit man sich das mal ansehen kann? So eine Diagnose ins Blaue ist immer etwas schwierig 😉

---

<div class="post-metadata">

### Author: ![estores](https://avatars.discourse-cdn.com/v4/letter/e/7c8e57/32.png) [@estores](https://forum.shopware.com/u/estores)
#### Post date: [11. Januar 2014 um 13:08 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/7 "2014-01-11T13:08:29Z")

</div>

Leider nein, ist ne lokale Entwicklung, aber ich denke das ich nächste Woche es Live stellen kann, dann sende ich dir gerne den Link. Vielen Dank dennoch für deine Hilfe 🙂

---

<div class="post-metadata">

### Author: ![Martin\_Schindler](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@Martin\_Schindler](https://forum.shopware.com/u/Martin_Schindler)
#### Post date: [11. Januar 2014 um 13:24 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/8 "2014-01-11T13:24:12Z")

</div>

Japp, so machen wir das! Gerne doch! :thumbup:

---

<div class="post-metadata">

### Author: ![estores](https://avatars.discourse-cdn.com/v4/letter/e/7c8e57/32.png) [@estores](https://forum.shopware.com/u/estores)
#### Post date: [15. Februar 2014 um 14:20 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/9 "2014-02-15T14:20:35Z")

</div>

Hallo Martin, ich komme mal auf dein Angebot zurück weil ich es noch immer nicht hinbekommen habe, deshalb der Link zu meinem Demoshop: [http://www.feuerschalen-shop.de/](http://www.feuerschalen-shop.de/) Vielen Dank schon einmal 🙂

---

<div class="post-metadata">

### Author: ![Martin\_Schindler](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@Martin\_Schindler](https://forum.shopware.com/u/Martin_Schindler)
#### Post date: [15. Februar 2014 um 15:46 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/10 "2014-02-15T15:46:47Z")

</div>

[quote=“estores”]Hallo Martin, ich komme mal auf dein Angebot zurück weil ich es noch immer nicht hinbekommen habe, deshalb der Link zu meinem Demoshop: [http://www.feuerschalen-shop.de/](http://www.feuerschalen-shop.de/) Vielen Dank schon einmal :-)[/quote] Guten Tag, hab mir das gerade angesehen. Das Element “#mainNavigation a” erhält in der emotion.css als Font “‘Port Lligat Slab’, serif” zugewiesen. Das funktioniert schon (zumindest hier bei mir auf Mac OS 10.9 Mavericks und Google Chrome 32). Ich hab zum Test mal die Schriftgröße hochgeschraubt und dann wird für mich eindeutlich die gewünschte Webfont erkennbar. Beste Grüße

---

<div class="post-metadata">

### Author: ![estores](https://avatars.discourse-cdn.com/v4/letter/e/7c8e57/32.png) [@estores](https://forum.shopware.com/u/estores)
#### Post date: [17. Februar 2014 um 10:35 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/11 "2014-02-17T10:35:20Z")

</div>

Mit Firefox leider nicht, aber dann bin ich ja froh das ich nichts falsch gemacht habe 😉 Danke

---

<div class="post-metadata">

### Author: ![Martin\_Schindler](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@Martin\_Schindler](https://forum.shopware.com/u/Martin_Schindler)
#### Post date: [17. Februar 2014 um 12:18 UTC](https://forum.shopware.com/t/google-fonts-in-topmenu/17710/12 "2014-02-17T12:18:07Z")

</div>

[quote=„estores“]Mit Firefox leider nicht, aber dann bin ich ja froh das ich nichts falsch gemacht habe 😉 Danke[/quote] Dann muss es wohl an der Font selbst liegen. Die „Ruda“ scheint nun ja überall zu laufen, zumindest bei mir auf FF und Chrome ist das der Fall 😉
