Fehlende Schriftart nach Umzug der Seite

Hallo Leute,

unsere Dorfwebseite www.hildfeld.de wird demnächst in das Dorffunkprojekt integriert.
Aus diesem Grund habe ich die bestehende Seite in eine Sub Domain kopiert. www.hild.sauerwald.net
Dort läuft ja soweit alles. Nur werden die Google fonts nicht geladen.

HTML-Code:

---

<script src="files/theme_health-navigator/scripts/frontend.js" charset="utf-8"></script>
<link rel="icon" href="files/theme_health-navigator/images/layout_images/icons/favicon-32x32.png?v=1" type="image/x-icon" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600">

---

Der Code ist bei beiden gleich.

Vielleicht kann mir einer helfen.

Danke schon mal

Gruß
Markus

Die Schriftart wird geladen - allerdings gibt es einen Fehler in deinem CSS:

Code:

---

font-family: 'Open Sans', Arial, Verdana, sans-serif

---

Zitat:

---

Zitat von Sauerwald

Hallo Leute,

unsere Dorfwebseite www.hildfeld.de wird demnächst in das Dorffunkprojekt integriert.
Aus diesem Grund habe ich die bestehende Seite in eine Sub Domain kopiert. www.hild.sauerwald.net
Dort läuft ja soweit alles. Nur werden die Google fonts nicht geladen.

HTML-Code:

---

<script src="files/theme_health-navigator/scripts/frontend.js" charset="utf-8"></script>
<link rel="icon" href="files/theme_health-navigator/images/layout_images/icons/favicon-32x32.png?v=1" type="image/x-icon" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600">

---

Der Code ist bei beiden gleich.

Vielleicht kann mir einer helfen.

Danke schon mal

Gruß
Markus

---

Die font-family auf dem body sieht so aus, wenn du diese korrigierst sollte es klappen.

Code:

---

body {
    font-family: '
}

---

Korrigiert müsste es so aussehen:

Code:

---

body {
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
}

---

Ich würde zusätzlich vorschlagen, dass ihr die Fonts lokal ablegt.

In der Doku gibt es dazu eine Anleitung ;)
https://docs.contao.org/manual/de/gu...ale-einbindung

Edit: Spooky war schon wieder schneller - Aber schau dir gerne die lokale Einbindung an :)

Danke für Eure Antworten.

kurioserweise ist das css ja korrekt (es wird mit der variable $font gearbeitet)

Das mit der lokalen Einbindung hatte ich schon mal überlegt, mich aber noch nicht drangetraut.

HTML-Code:

---

Name:        colors_and_fonts
Änderungsdatum:        2018-04-11 09:54
Medientypen:        all

body {
    font-family: $font, Arial, Verdana, sans-serif;
}

input,
select,
textarea,
.submit,
button,
label,
fieldset {
    font-family: $font, Arial, Verdana, sans-serif;

---

Du musst die Variable escapen (Also als String representation - und das dann auch richtig, denn #{$font} würde nicht ausreichen - Siehe es als Feature von dartsass mit dem "unquote"...).
https://sass-lang.com/documentation/.../meta/#inspect

Schreib das (S)CSS mal so um:

Code:

---

body {
    font-family: #{inspect($font)}, Arial, Verdana, sans-serif;
}

---

Übrigens würde ich diese globalen Variablen nicht mehr nutzen, in Contao 5 fallen die weg... Schreib es dir in eine SCSS Datei, welche du als erstes einbindest

Zitat:

---

Zitat von Sauerwald

kurioserweise ist das css ja korrekt (es wird mit der variable $font gearbeitet)

---

Aktuell nicht (siehe oben).

Zitat:

---

Zitat von zoglo

Du musst die Variable escapen (Also als String representation - und das dann auch richtig, denn #{$font} würde nicht ausreichen - Siehe es als Feature von dartsass mit dem "unquote"...).
https://sass-lang.com/documentation/.../meta/#inspect

Schreib das (S)CSS mal so um:

Code:

---

body {
    font-family: #{inspect($font)}, Arial, Verdana, sans-serif;
}

---

Übrigens würde ich diese globalen Variablen nicht mehr nutzen, in Contao 5 fallen die weg... Schreib es dir in eine SCSS Datei, welche du als erstes einbindest

---

Habe ich probiert, leider ohne Erfolg.
Das lokale einbinden wäre bestimmt nicht schlecht, trotz Anleitung habe ich da noch etwas Bauchschmerzen.

Nur komische das es unter www.hildfeld.de klappt. Die ganze seite wurde 1 zu 1 kopiert.

Wie genau hast du dein CSS denn eingebunden?

Zitat:

---

Zitat von Spooky

Aktuell nicht (siehe oben).

---

Ja aber unter www.hildfeld.de funktioniert es ja

Zitat:

---

Zitat von Sauerwald

Ja aber unter www.hildfeld.de funktioniert es ja

---

Das spielt ja keine Rolle - du willst den Fehler unter www.hild.sauerwald.net beheben - und dort wird aktuell folgendes ausgegeben:

Code:

---

font-family: 'Open Sans', Arial, Verdana, sans-serif

---

Zitat:

---

Zitat von Spooky

Wie genau hast du dein CSS denn eingebunden?

---

Es war ja ein gekauftes Template.

Im Internen css Editor sind die font Einträge richtig.
Habe da jetzt aber mal den kompletten Styscheet exportiert, und da steht jetzt ganz unten

Code:

---

body {
    font-family : 'Open Sans', Arial, Verdana, sans-serif;
}
input,
select,
textarea,
.submit,
button,
label,
fieldset {
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
}

---

das sind die komischen &#39 die im Inspector zu sehen sind.

Intern kann ich das aber nicht finden

Unter css_intern2 sieht man das richtige

Ich denke das ist ein Bug in Contao selbst - bzw. das wird von Contao so nicht unterstützt. Du musst folgende Anpassung machen:

PHP-Code:

---

// contao/dca/tl_theme.php
$GLOBALS['TL_DCA']['tl_theme']['fields']['vars']['eval']['decodeEntities'] = true; 


---

Danach composer install -o bzw. Applikations-Cache im Contao Manager neu aufbauen. Danach deine Theme-Variablen nochmal neu abspeichern.

Zitat:

---

Zitat von Spooky

Ich denke das ist ein Bug in Contao selbst - bzw. das wird von Contao so nicht unterstützt. Du musst folgende Anpassung machen:

PHP-Code:

---

// contao/dca/tl_theme.php
$GLOBALS['TL_DCA']['tl_theme']['fields']['vars']['eval']['decodeEntities'] = true; 


---

Danach composer install -o bzw. Applikations-Cache im Contao Manager neu aufbauen. Danach deine Theme-Variablen nochmal neu abspeichern.

---

kann sein.

Habe gerade mal die' bei den Variablen entfernt und siehe da es klappt.

Ist schon komisch
trotzdem vielen Dank für die Unterstützung