Profil von Letterboy

Frage

07.09.2022, 20:16

HTML - Button zum Variieren der Schriftgröße auf meiner Homepage?

Kann mir bitte jemand für HTML einen Tipp geben oder mir eine Internetseite benennen, wie ich auf meine Homepage einen Button kriege, damit ein Leser die Schrift vergrößern oder verkleinern kann?

So wie auf dem Foto im ePaper der FAZ.

...zur Frage

Hilfreichste Antwort

von Letterboy

07.09.2022, 21:52

Falls du den Slider umsetzen willst dann musst du das machen:

Erstelle mit HTML einen Slider: https://www.w3schools.com/howto/howto_js_rangeslider.asp

Dann definiere eine "onChange" Methode, z.b. "updateTextSize" innerhalb des HTML Codes.

<input id="slide" type="range" min="1" max="100" step="1" value="10" onchange="updateTextSize(this.value)">

Jetzt musst du eine Javascript methode schreiben die die textgrößen Anpasst.

Dies kannst du ganz einfach machen indem du auf das CSS zugreifst mit javascript und da im body tag font size veränderst. Dies funktioniert jedoch nur wenn du "em" und nicht "px" benutzt um deine Textgrößen zu definieren, weil "em" textgrößen abhängig von ihren eltern sind. Also wenn du die textgrösse des body's veränderst wird alles größer, bzw. kleiner. Ich hoffe das hilft deinem freund weiter.

...zur Antwort