Ergebnis 1 bis 13 von 13

Thema: Fehlende Schriftart nach Umzug der Seite

  1. #1
    Contao-Nutzer
    Registriert seit
    20.06.2009.
    Ort
    Winterberg, Sauerland
    Beiträge
    79

    Standard 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
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    37.191
    Partner-ID
    10107

    Standard

    Die Schriftart wird geladen - allerdings gibt es einen Fehler in deinem CSS:
    Code:
    font-family: &#39;Open Sans&#39;, Arial, Verdana, sans-serif
    » sponsor me via GitHub or Revolut

  3. #3
    Alter Contao-Hase
    Registriert seit
    24.02.2021.
    Beiträge
    1.490
    Partner-ID
    11715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Sauerwald Beitrag anzeigen
    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

  4. #4
    Contao-Nutzer
    Registriert seit
    20.06.2009.
    Ort
    Winterberg, Sauerland
    Beiträge
    79

    Standard

    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;
    Angehängte Grafiken Angehängte Grafiken
    Geändert von Sauerwald (14.04.2025 um 16:59 Uhr)

  5. #5
    Alter Contao-Hase
    Registriert seit
    24.02.2021.
    Beiträge
    1.490
    Partner-ID
    11715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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

  6. #6
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    37.191
    Partner-ID
    10107

    Standard

    Zitat Zitat von Sauerwald Beitrag anzeigen
    kurioserweise ist das css ja korrekt (es wird mit der variable $font gearbeitet)
    Aktuell nicht (siehe oben).
    » sponsor me via GitHub or Revolut

  7. #7
    Contao-Nutzer
    Registriert seit
    20.06.2009.
    Ort
    Winterberg, Sauerland
    Beiträge
    79

    Standard

    Zitat Zitat von zoglo Beitrag anzeigen
    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.

  8. #8
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    37.191
    Partner-ID
    10107

    Standard

    Wie genau hast du dein CSS denn eingebunden?
    » sponsor me via GitHub or Revolut

  9. #9
    Contao-Nutzer
    Registriert seit
    20.06.2009.
    Ort
    Winterberg, Sauerland
    Beiträge
    79

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Aktuell nicht (siehe oben).
    Ja aber unter www.hildfeld.de funktioniert es ja

  10. #10
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    37.191
    Partner-ID
    10107

    Standard

    Zitat Zitat von Sauerwald Beitrag anzeigen
    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: &#39;Open Sans&#39;, Arial, Verdana, sans-serif
    » sponsor me via GitHub or Revolut

  11. #11
    Contao-Nutzer
    Registriert seit
    20.06.2009.
    Ort
    Winterberg, Sauerland
    Beiträge
    79

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    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
    Angehängte Grafiken Angehängte Grafiken
    Geändert von Sauerwald (15.04.2025 um 15:32 Uhr)

  12. #12
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    37.191
    Partner-ID
    10107

    Standard

    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.
    » sponsor me via GitHub or Revolut

  13. #13
    Contao-Nutzer
    Registriert seit
    20.06.2009.
    Ort
    Winterberg, Sauerland
    Beiträge
    79

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    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
    Geändert von Sauerwald (15.04.2025 um 16:11 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •