Google Fonts

[mtbler999]

Hallo,

ich schaffe es nicht, dass es mir die Schriftart anzeigt.
Eingebunden hab ich die Schriftart wie auf den Bildern zu sehen.
Wahrscheinlich nur eine Kleinichkeit, aber ich komme nicht drauf.

Ich habe alle Dateien im selben Ordner liegen.

Ich habe es schon mit "Web Font Loader" und "google-webfonts-helper" probiert.

Screenshot 2025-05-02 232219.png
Screenshot 2025-05-02 232159.png

[neelix]

URL? Das muss man sehen.

[mtbler999]

Der googlefonts Ordner liegt im Hauptverzeichniss der Dateiverwaltung.
Screenshot 2025-05-03 000258.png

[neelix]

Ich meinte die Seite. Mit den Screenshots kann man nicht sehen, was im Browser ankommt und wo ggf. Fehler liegen.

[mtbler999]

Bei der Beschreibung möchte ich die googlefonts.

[mlweb]

Die Schriftart Roboto wird korrekt geladen.
Ich habe auf Anhieb nur die Beschreibung gesehen, der die Roboto zugewiesen ist. Die wird aber durch einen Inlinestyle überschrieben.
Ich vermute mal mit Inline-Styles irgendwoher kopiert und in den TinyMCE komplett eingefügt.

[neelix]

Ich habe gerade auch keine Stelle gefunden, wo die Schrift benutzt wird.

Für den Body wird

font: 87.5% Verdana, Arial, Helvetica, sans-serif;

definiert und vererbt sich komplett durch.

[mtbler999]

Die Schriftart Roboto wird korrekt geladen.
Ich habe auf Anhieb nur die Beschreibung gesehen, der die Roboto zugewiesen ist. Die wird aber durch einen Inlinestyle überschrieben.
Ich vermute mal mit Inline-Styles irgendwoher kopiert und in den TinyMCE komplett eingefügt.

Ja in TinyMCE ist eine Schrift ausgewählt.
Ich habe jetzt in TinyMCE "Formatierung entfernen" gewählt,
jetzt wird es richtig angezeigt.
Ist das der richtige weg?

Ich dachte, dass die Schriftart die in der CSS ausgewählt ist, die von TinyMCE überschreibt.

[neelix]

Nein, je näher eine Definition am Element ist, desto höher ihr Gewicht.

Und schau auch mal nach https://www.----------.de/files/font...-5.5.0/all.css. Das bindest du irgendwo ein, kann aber vom Browser nicht gefunden werden.

Und eine ID sollte man nur einmal auf einer Seite verwenden. Pack die Definition in eine Klasse und weise diese den Inhaltselementen zu.

Bei mir steht da weiterhin

<span style="font-size: 18pt; font-family: 'book antiqua', palatino, serif;">Möchtest du negative Gedankenmuster, Ängste oder alte Blockaden hinter dir lassen? Hypnose ist eine bewährte Methode, um tief sitzende Themen auf sanfte und effektive Weise anzugehen.</span>

im Quelltext.

[mtbler999]

Nein, je näher eine Definition am Element ist, desto höher ihr Gewicht.

Und schau auch mal nach https://www.soul-of-life.de/files/fo...-5.5.0/all.css. Das bindest du irgendwo ein, kann aber vom Browser nicht gefunden werden.

Und eine ID sollte man nur einmal auf einer Seite verwenden. Pack die Definition in eine Klasse und weise diese den Inhaltselementen zu.

Bei mir steht da weiterhin

<span style="font-size: 18pt; font-family: 'book antiqua', palatino, serif;">Möchtest du negative Gedankenmuster, Ängste oder alte Blockaden hinter dir lassen? Hypnose ist eine bewährte Methode, um tief sitzende Themen auf sanfte und effektive Weise anzugehen.</span>

im Quelltext.

Jetzt müsste es passen.
Danke für die schnelle Hilfe.

[mtbler999]

Jetzt habe ich noch eine Frage,
ich habe beim Text Punkte geschrieben,
die werden mir im Browser nicht angezeigt.

Woran liegt das?

Liegt das an der Googlefonts Schriftart?

Screenshot 2025-05-03 005436.png

Screenshot 2025-05-03 005502.png

[mlweb]

Nein an der Schriftart liegt das nicht. Du hast eine allgemeine Anweisung im reset, die für alle Listen (ul-Tag) list-style-type: none: setzt. Wenn Du das so allgemein beibehältst, dann musst Du es dort wieder "zurücksetzten" wo Du Listenzeichen verwenden willst.
Das alles siehst Du in den Entwicklertools des Browsers Deiner Wahl. Wenn Du an einer Seite mehr als inhaltliche Veränderungen machen willst, musst Du Dich mehr oder weniger intensiv mit CSS beschäftigen.

Für diese eine Stelle könnte man folgenden Code verwenden:

.beschreibung  ul {
  list-style-type: disc;
  padding-left: 2.5rem;
  margin-block: 1rem;
}

[mtbler999]

Nein an der Schriftart liegt das nicht. Du hast eine allgemeine Anweisung im reset, die für alle Listen (ul-Tag) list-style-type: none: setzt. Wenn Du das so allgemein beibehältst, dann musst Du es dort wieder "zurücksetzten" wo Du Listenzeichen verwenden willst.
Das alles siehst Du in den Entwicklertools des Browsers Deiner Wahl. Wenn Du an einer Seite mehr als inhaltliche Veränderungen machen willst, musst Du Dich mehr oder weniger intensiv mit CSS beschäftigen.

Für diese eine Stelle könnte man folgenden Code verwenden:

.beschreibung  ul {
  list-style-type: disc;
  padding-left: 2.5rem;
  margin-block: 1rem;
}

Danke, das hat geklappt.

Ja ich müsste mich mehr mit CSS beschäftigen.
Spätestens mit Contao 5 hab ich ein Problem wenn es den CSS-Editor
nicht mehr gibt.
Ich hab schon immer wieder mal einen Anlauf genommen und mich mehr beschäftigt,
leider blicke ich dann oft nicht durch und das ist dann immer wieder frustrierend.
Die Probleme bekomme ich meistens irgendwie gelöst (meistens mit Fragen hier im Forum),
dann brauche ich das ganze wieder eine ganze Weile nicht und schon ist man wieder raus.

Wobei es ja schon Spaß macht wenn man sieht was man da alles machen könnte und ich mich schon über kleine Sachen freue wenn sie funktionieren.