Schriftart wechselt manchmal bei Fettdruck

1. offizieller Beitrag

    Hallo,

    ich verwende Zeta 16.8.6.0 Express und habe seit ca. einigen Monaten das Problem, dass in vielen meiner Webprojekte verschiedene Schriftarten zum Einsatz kommen. Das äußert sich darin, dass ich bei Fettdruck entweder z. B. Überschriften habe, die unterschiedlich aussehen, oder das sich die Schriftart ändert, sobald ich den Fettdruck für eine Überschrift nutze. Nehme ich den dann wieder weg, passt die Schriftart auch wieder zum Rest der Seite.

    Ein Beispiel ist https://www.gradierwerk-saline.de/ wo die erste H1 Überschrift "passt", dann kommt die erste H2 Überschrift in einer anderen Schriftart (könnte Arial Black sein) und die nächsten Überschriften passen dann wieder (s. Screenshot).


    Das sieht natürlich echt nicht gut aus und ich frage mich wie so ein Wechsel der Schriftart mittendrin überhaupt passieren kann?

    Wie kann ich das denn verhindern bzw. wieder korrigieren? Die aktuelle Schriftart gefällt mir eigentlich gut, so dass ich sie gerne behalten würde.


    Grundsätzlich habe ich standardmäßig die Schriftfamilie Helvetica Neue, Helvetica, Arial, sans-serif im Layout eingestellt.

    Leider lassen sich diese Schriftarten (außer Arial) auch nicht einzeln auswählen, sonst hätte ich das mal so probiert.

    Viele Grüße

    Guido

    Hallo Stefan,

    das betrifft alles alte Projekte von mir, aber wenn ich die Überschriften nicht im dafür vorgesehenen Bereich des Widgets mache, dann markiere ich den geschriebenen Text, mache ihn meist noch fett und wähle dann Überschrift h2 (s. Screenshot).


    Viele Grüße

    Guido

    Ich habe noch ein Beispiel bei dem der Fehler, also der Schriftartenwechsel, passiert, sobald ich Fettdruck aktiviere

    Blanes, Spanien: Urlaub, Infos, u.v.m.
    Hier findest Du umfangreiche Tipps und Infos über Blanes, für Deinen perfekten Urlaub und kannst ihn auf Wunsch auch gleich günstig online buchen.
    www.costa-brava-infos.de

    Die Übersicht: Urlaub in Blanes ist als Aufzählung ganz normal gemacht.

    Sobald ich jedoch Fettdruck aktiviere ändert sich die Schriftart.

    Blanes, Spanien: Urlaub, Infos, u.v.m.
    Hier findest Du umfangreiche Tipps und Infos über Blanes, für Deinen perfekten Urlaub und kannst ihn auf Wunsch auch gleich günstig online buchen.
    www.costa-brava-infos.de

    Viele Grüße

    Guido

    • Offizieller Beitrag

    Mögliche Erklärung:

    In HTML sind Überschriften standardmäßig bereits Fett. In ZP hängt es auch noch von den Layout-Einstellungen ab. Wenn Sie dann eine bereits fette Überschrift nochmals fett machen, können abenteuerliche Dinge passieren, weil der Browser dann die Schrift künstlich verfettet…

    Okay, das könnte ich dann ja ändern.

    Aber wie sieht es dann mit meinem zweiten Beispiel aus? Das sind ja keine Überschriften, sondern es ist eine Aufzählung.

    Viele Grüße

    Guido

    Okay, dann machen wir es mal gut sichtbar. Ich habe oben im ersten Absatz der Seite

    Blanes, Spanien: Urlaub, Infos, u.v.m.
    Hier findest Du umfangreiche Tipps und Infos über Blanes, für Deinen perfekten Urlaub und kannst ihn auf Wunsch auch gleich günstig online buchen.
    www.costa-brava-infos.de

    jetzt den Link zu Lloret de Mar fett gemacht (s. Screenshot)

    Wenn das beides Arial 16px in Fett (Gewicht 700) ist, dann müsste es doch auch gleich aussehen, oder?

    Tut es aber nicht. Die Schriftart des Links ist viel schmaler als die der Aufzählung.

    Irgendwas passt da nicht. Wie gesagt, ich habe da manuell nichts an der Schriftart verändert.

    Viele Grüße

    Guido

    Ich habe dazu jetzt folgendes herausgefunden:

    Auf Mac besteht das Problem nicht, hier ein Screenshot mit Chrome:


    Unter Windows kann ich das nachvollziehen, hier ebenfalls Chrome:

    Das Problem ist, dass der in Zeta Producer verwendete Editor beim Aktivieren von Fettschrift einer Liste den Text sowohl wie in einem normalen Textblock in <strong></strong> Tags wrapped also auch dem <li> Listenelement ein style="font-weight: bold" gibt. Das sorgt dafür, dass unter der fette Text der Liste font-weight 900 hat statt dem normalen 700 bei dem Link "Lloret de Mar".

    Warum das so ist, können vermutlich nur die Entwickler des Froala-Editors beantworten. Ich vermute, das ist nichts was Zeta Producer spezifisch ist.

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

    Vielleicht hilft es auch Froala ...

    Ich habe das jetzt mal in ZP16 mit Travel Responsive nachgebaut und meine Folgendes festgestellt zu haben:

    Das Problem tritt bereits in ZP auf. Entscheidend ist wohl die Reihenfolge der Formatierung.

    Setze ich die Links zunächst auf „Fett“ und wähle dann „Unnummerierte Liste“ tritt das Problem nicht auf.

    Wähle ich hingegen zunächst „Unnummerierte Liste“ und setze die Links anschließend auf „Fett“ tritt das von Guido beschriebene und auch von Phil bestätigte Problem auf.

    Guido: Die temporäre Lösung wäre wohl zunächst, die Links zu „entfetten“ und die Aufzählung zu entfernen. Anschließend setzt Du die entsprechenden Zeilen wieder auf „Fett“ und weist den Zeilen erst jetzt die „Unnumerierte Liste“ zu.

    Viele Grüße

    Tom

    Danke euch allen!

    phil-web Ich habe es auch mal auf dem Smartphone (Android) probiert, da wird es in Chrome auch richtig dargestellt.

    Drcymbal Danke, hat funktioniert:) Ich habe das mal auf einer Seite ausprobiert.

    Jetzt weiß ich, wie ich das manuell erstmal lösen kann.

    Viele Grüße

    Guido

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden