**gelöst** Cufon & theme plus

**qba** · 05.09.2012, 14:11

Hallo liebe Mitstreiter,

muss ich irgendwas besonderes beachten, wenn ich mit theme+ arbeite und cufon einbinden möchte?

Ich habe das früher über diese Erweiterung gemacht, aber seitdem ich mit externen Stylesheets arbeite geht das ja so nicht mehr. Somit würde ich nun über die zusätzlichen Head-Tags die cufon-yui.js einbinden und dort dann auch mit

Code:

<script type="text/javascript">
Cufon.replace ('h1');
Cufon.replace ('h2');
etc.
</script>

arbeiten. Geht das oder muss ich da noch mehr beachten?

Bevor Ihr jetzt sagt: "Na probier doch halt mal!" Hab ich ja und sooo funktioniert es nicht

Deswegen frage ich ja.

**qba** · 07.09.2012, 09:30

So anscheinend habe ich wohl zwischendurch einfach nur was falsch gemacht.

Es funktioniert ganz normal.

1) Auf http://cufon.shoqolate.com/generate/ Schrift generieren lassen
2) Neueste cufon-yui.js herunterladen
3) beide Dateien mit theme+ einbinden
4) in den zusätzlichen Headtags des Seitenlayouts angeben, was umgewandelt werden soll z.B.

Code:

<script type="text/javascript">
  Cufon.replace('h1'); 
  Cufon.replace('.subtitle');
  Cufon.replace('.mod_navigation.navioben a');
  Cufon.replace('.mod_navigation.navioben .active');
		</script>

Keine Ahnung welchen Zwischenschritt ich da falsch gemacht hatte. Nun funzt es.

**andreasisaak** · 07.09.2012, 10:08

Ich würde dir empfehlen Theme+ 3.x zu verwenden und diese Tags nicht im Seitenlayout zu konfigurieren sondern in Theme+ direkt. Seit 3.0 kannst du dort nämlich Inline Javascript schreiben ohne eine eigene JS anlegen zu müssen, Theme+ kümmert sich um den Rest.

**tril** · 07.09.2012, 10:38

-> http://www.themeplus.de/#/step-30

**qba** · 07.09.2012, 10:58

Okeee Danke Euch beiden für die Hinweise. Ich nehme an dieser Step von Dir tril zeigt wohl diese Inline Javascript Möglichkeit was?

Da ich eh noch am Anfang des Projektes stehe werde ich mir theme plus 3 mal genauer anschauen. Danke.

Und wer genauso auf github herumirrt wie ich.... hier bekommt man die 3er Version: https://github.com/InfinitySoft/ThemePlus/tree/3.x

EDIT: totale Verwirrung. Ich hatte ja eh schon die 3er Version aus dem ER installiert. Ich wusste nur nicht um die Möglichkeit dort diese javacript Snippets einzugeben. Mein 1. Versuch schlug fehl, weil mir irgendwie die Datei nach dem Speichern nicht in der Übersicht der Dateien angezeigt wird. Mal gucken, was da wieder los ist.

Verstehe: https://github.com/InfinitySoft/ThemePlus/issues/20

------------------------

So und um den Monolog nun noch zu Ende zu führen. So ist das mit dem Cufon Java Snippets gemeint:

code-snippet-3.jpg

Klappt hervorragend. Danke :-)

**tril** · 07.09.2012, 11:54

Die 3er ist übrigens auch im ER.

**bibib** · 08.09.2012, 18:11

Zitat von qba

Klappt hervorragend. Danke :-)

Nur bei mir natürlich wieder NICHT.

Hier auf der bestehenden Seite ist Cufón noch nach der "herkömmlichen" Methode eingebunden, im Seitenlayout unter den zusätzlichen <head>-Tags. So wie in den Überschriften sollte es also aussehen.

Um die Seite umzubauen und zu erweitern, habe ich sie temporär hierher kopiert: Baustelle. Bei dieser Installation hab ich zuallererst ein Update von 2.9.5 auf 2.11.5 gemacht - damit hat Cufón schon mal nicht mehr funktioniert. Da ich aber inzwischen sowieso Theme+ bevorzuge, habe ich versucht, nach obiger Anleitung die Dateien einzubinden. Ich habe jetzt alles x-mal kontrolliert und es geht immer noch nicht:

- theme+ 3.0.0 rc1
- cufon.yui.js, Delicious_700.font.js und eine Datei mit den Snippets habe ich im Layout unter zusätzliche Dateien hinzugefügt
- diese sind sowohl im Startpunkt der Website als auch im Seitenlayout eingebunden

Mehr war doch nicht zu tun, oder? Hat jemand eine Idee, woran es hier scheitert?

Grüße, bibib

**bibib** · 08.09.2012, 19:39

Okay, und hier kommt die Lösung ... was man nicht alles bedenken muss:

Beim Generieren der xxx.font.js habe ich die Verwendung auf die Domain www.fiil.at eingeschränkt. Klarerweise klappte das auf der Baustellendomain damit dann nicht mehr ...

Danke qba für den "indirekten" Tipp