3.5.x Google Webfonts einbinden klappt nicht mit Hausmitteln

[tofo]

Hallo,

mir ist aufgefallen, dass wenn ich zwei Webfonts via Layout -> Webfonts einbinde, wird das Bar Zeichen "|" in einen normalen HTML Charakter umgewandelt:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald%7CQuattrocento">

Einbinden ging bei mir nur dann, wenn ich den Code als zusätzlichen <head>-Tag eingebunden habe:

 <link href="https://fonts.googleapis.com/css?family=Oswald|Quattrocento" rel="stylesheet">

Ist das schon mal wem aufgefallen?

Gruß, Thomas

[korlbeu]

Ich binde webfonts eigentlich immer in meine css datei ein....

per:

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

[Stefko]

Hallo,

mir ist aufgefallen, dass wenn ich zwei Webfonts via Layout -> Webfonts einbinde, wird das Bar Zeichen "|" in einen normalen HTML Charakter umgewandelt:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald%7CQuattrocento">

Das | in der URL durch %7C encoded wird ist schon korrekt (siehe hier: https://www.w3schools.com/tags/ref_urlencode.asp).
Da kann der Fehler eigentlich nicht liegen, hast Du es mal mit anderen Browsern oder an einem anderen Rechner probiert?
Ich würde eher in der Richtung den Fehler vermuten.

Grüße,
Stefko

[stefan-at-work]

was spricht dagegen, die Anweisung direkt im Seitenlayout unter Webfonts einzutragen?

Open+Sans:400,700|Roboto:400,700

[Stefko]

was spricht dagegen, die Anweisung direkt im Seitenlayout unter Webfonts einzutragen?

Open+Sans:400,700|Roboto:400,700

Meiner Meinung nach nix, mache ich genauso. Nur hat der Threadopener ja das Problem, dass es dann bei ihm wohl nicht korrekt funktioniert. Woran das liegt kann ich auch nicht sagen, aber das encodierte "|" (%7C) würde ich ausschließen.

Grüße,
Stefko

[stefan-at-work]

das Pipe-Problem besteht aber IMHO nur, wenn man es als HTML-Code einbindet.

[Stefko]

das Pipe-Problem besteht aber IMHO nur, wenn man es als HTML-Code einbindet.

Aber er schrieb doch zu Beginn:
"... wenn ich zwei Webfonts via Layout -> Webfonts einbinde, wird das Bar Zeichen "|" in einen normalen HTML Charakter umgewandelt"
Das klingt für mich schon so, als ob er es eben genau wie von Dir beschrieben versucht hätte. Im Quellcode steht dann eben %7C anstatt der Pipe und dort vermutete er die Ursache, dass die ganze Geschichte bei ihm nicht funktioniert.
Vielleicht meldet sich tofo ja nochmal zu Wort und löst die Konfusion ein wenig auf

[tofo]

Das Problem entsteht gerade dann, wenn ich es über Webfonts in Contao einbinde, aber NICHT, wenn ich es als zusätzlichen HEAD-Tag einbinde. Sprich, schreibe ich die Fonts in das Feld für Webfonts in Contao rein, wird das Pipe-Zeichen in ein HTML-Entity umgewandelt. Somit werden die Webfonts nicht geladen.

Ich habe zur Veranschaulichung Screenshots gemacht. _1 ist der Eintrag im normalen Contao-Feld, _2 der Eintrag in HEAD-Tags, _3 zeigt den Quellcode, den Contao produziert. Der oberee LINK-Tag ist der von Webfonts, der darunter aus der HEAD-Sektion.

Gruß, Thomas

[stefan-at-work]

okay, dann mach am besten mal ein Contao-Check und überprüfe, ob alles korrekt installiert ist. Bei uns funzt das auf diversen Instanzen ohne die geschilderten Probleme

[tofo]

okay, dann mach am besten mal ein Contao-Check und überprüfe, ob alles korrekt installiert ist. Bei uns funzt das auf diversen Instanzen ohne die geschilderten Probleme

Fresh installation direkt out of the box. Check sagt: alles in Ordnung.

Gruß, Thomas

[Spooky]

Poste einen Link zur Seite.

[tofo]

http://contao.tomdoodle.com

[Spooky]

http://contao.tomdoodle.com

Funktioniert alles problemlos dort.


Das einzige was auffällig ist:

Du hast diese Google Fonts zwar eingebunden, aber du benutzt sie nicht.

[stefan-at-work]

Versuche mal in den Anweisungen den Schnitt mitzugeben -> Oswald:400|Quattrocento:400

[Spooky]

Er muss nichts ändern, es funktioniert ja schon (außer er braucht bestimmte Schriftschnitte, dann müssen die natürlich angegeben werden).