Google Fonts in Topmenü

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 :slight_smile:

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

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 :-/

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!

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?

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

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 :slight_smile:

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

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/ Vielen Dank schon einmal :slight_smile:

[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/ 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

1 „Gefällt mir“

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

[quote=„estores“]Mit Firefox leider nicht, aber dann bin ich ja froh das ich nichts falsch gemacht habe :wink: 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 :wink: