Schriftgröße dem Fenster anpassen

groovesurfer

Hallo,

ich habe eine h1 Überschrift auf einem Bild in einem bestimmten Bereich angeordnet.
Wenn ich nun das Browserfenster verkleinere wird ja alles kleiner, jedoch bleibt die Schrift immer gleich groß.
Bei starker Verkleinerung passt die Schrift nicht mehr in den dafür vorgesehenen Bereich.
Kann man einstellen, dass die Schriftgröße sich daran anpasst?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Henk1060

hy,

da gibt es viele möglichkeiten zb. gebe deinen H1 tag noch eine class mit und arbeite dann mit Media Queries.

Da du auch nicht erzählst wie du was gemacht hast (welcher editor und co oder theme) oder link zum problem.
Musst du dir selber weiterhelfen.

link https://www.w3schools.com/howto/howto_cs…onsive_text.asp
scrolle runter bis Variable Font Size

danielgoehr

Gib deine Schriftgröße einfach in vw an. Dann skaliert die Schriftgröße stufenlos mit der Fensterbreite.

https://css-tricks.com/viewport-sized-typography/

Edit: Ach ich sehe gerade, Henk1060 hatte den gleichen Vorschlag. Man sollte auch genau lesen :)

groovesurfer

Cool, hat funktionert.
Vielen Dank :-)

groovesurfer

Was mir nun aufegallen ist, auf dem Smartphone ist die h1 nun serh winzig. Nutze als Theme Avada. Habe die h1 Größe in vw in den Theme Einstallungen - Überschriften Typografie eingegeben. Habe dort jedoch nichts bezüglich h1 für mobile gefunden.

danielgoehr

Dazu schau dir mal die von @Henk1060 erwähnten Media Queries an.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Schriftgröße dem Fenster anpassen

Jetzt mitmachen!