Erzwingen dass Wörter nicht getrennt dargestellt werden

Da du keine URL zur Webseite angegeben hast, kann ich nur pauschal antworten: Mit der CSS-Regel p { hyphens: none; }kannst du festlegen, dass der Browser nicht selbständig eine Silbentrennung vornehmen soll. Möchtest du das z.B. auf alle Absätze eines Blog-Beitrags anwenden, kannst du im Customizer unter Zusätzliches CSS .entry-title p { hyphens: none; } angeben.

Möchtest du selber eine Silbentrennung vorgeben, kannst du das HTML-Character-Entity ­ (für soft hyphenate) verwenden. Die
Kraft­fahrzeug­haftpflicht­versicherung bricht dann je nach Zeilenlänge nach „Kraft“, „fahrzeug“ oder „haftpflicht“ um, aber nicht zwischen „fahr“ und „zeug“ oder „haft“ und „pflicht“. Die Eingabe muss in der Ansicht des Code-Editor erfolgen, weil beim visuellen Editor ­ in ­ umgewandelt wird (und folglich vom Browser als ­ ausgegeben wird, statt es als weiche Silbentrennung zu interpretieren). Eine zusätzliche CSS-Regel ist dann nicht nötig.

• Diese Antwort wurde geändert vor 11 Stunden, 24 Minuten von Bego Mario Garde. Grund: Screenshot mit Beispiel

Hallo @wildner2010
oder meinst du so etwa, dass Wörter „auseinandergerissen“ werden, so dass beispielsweise das Wort „Kanarienvogelkäfig“ an irgendeiner Stelle getrennt wird, sinngemäß so etwa:

Kanarienvogelk
äfig

In dem Fall hilft eine Media Query (CSS). An dieser Stelle möchte ich aber noch darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu, auch wenn wir je nach Zeit mal entsprechende Tipps geben.
Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier. Hier noch ein Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum.

Hättest du uns die entsprechenden Infos (URL, Bericht) gepostet, die wir immer wieder gebetsmühlenartig einfordern, hätten wir dir vielleicht schnell helfen können. Pech 🤷‍♂️

Viele Grüße
Hans-Gerd

@hage Wie du völlig richtig angemerkt hast, sind Fragen zu CSS hier off topic. Aber da du den Begriff genannt hast: Die willkürliche Silbentrennung hat eigentlich nichts mit Media Queries zu tun, sondern der CSS-Eigenschaft word-break. (vgl. MDN: word-break)

@pixolin

Die willkürliche Silbentrennung hat eigentlich nichts mit Media Queries zu tun

Da hast du vollkommen recht. Aufgrund der unklaren Problembeschreibung („dass z.B. bei längeren Wörtern der letzte Buchstabe in die nächste Zeile rückt.“) könnte ich mir aber auch vorstellen, dass @wildner2010 möglicherweise auch das Problem mit der Verschiebung von Zeichen meinen könnte. Daher auch meine Anmerkung.
Letztendlich kann das aber nur @wildner2010 aufklären. 🤷‍♂️

Hallo zusammen,
vielen Dank für die ganzen Rückmeldungen und Infos.
Sehr gerne hätte ich die direkte URL angegeben. Da ich die Seite aber noch bearbeite ist diese noch nicht öffentlich verfügbar.

Ich habe daher einen Screenshot eingefügt, um meine Problematik besser darzustellen.

Dazu noch ein weiteres Anliegen: Ich habe die Schriftart „Inter_Tight“ (Google-Font) über den Font Manager serverseitig hinzugefügt um der Gefahr von Abmahnungen aus dem Weg zu gehen.

Nun musste ich feststellen, dass auf mobilen Geräten (iPhone und iPad) die Schrift irgendwie „verwaschen“ angezeigt wird.

Hat für dieses Phänomen jemand eine Erklärung?
Ich habe dazu sicherheitshalber einen weiteren Screenshot angefügt und hoffe sehr, dass man damit die „unsaubere“ Darstellung der Buchstaben erkennen kann.

Besten Dank!!!
Wildner