Unterschiedliche Schriftgrößen bei Handy und Desktop
Autor: Michael F.
Besucht 673,
Followers 1,
Geteilt 0
Hello all. Ich habe folgende Frage: ich nutze als Normalschrift Open Sans mit 12 Punkten. Das ist beim Handy super, auf dem Desktop aber etwas groß. Wie kann es einstellen, dass die Schriftart auf dem Desktop eine andere Schriftgröße hat? Ggf. über einen Code? Danke schonmal :-)
Gepostet am
Du meinst umgekehrt! Dass es zu groß ist am Handy die Schrift, oder?
Verwendest du ein Titel-Objekt oder normale Text-Objekte? Normalerweise verändern sich SChriftarten nicht auch auf kleineren Geräten. Nur das Titel-Objekt hat eine automatische Anpassung wenn man das Häkchen setzt.
Mit Code ist es so ein Problem denn man will ja nicht alles verändern auf der WEbsite sondern nur gezielt und hierfür kann nur individueller Code eingesetzt werden.
Autor
Hallo Andreas. Mir geht es um den normalen Fließtext in den normalen Textobjekten. Auf dem Handy ist es gut, auf dem Rechner zu groß. Ich suche eine schöne Lösung; vll einen CSS Code der erkennt dass es sich um ein Handy handelt und dann alles auf 12 anzeigt und auf dem Computer auf 11. Den Code würde ich optimalerweise gerne unter 1 Codes einfügen.
Hier in diesen englischen Post ist ein ähnliches Problem beschrieben, siehe
>> https://helpcenter.websitex5.com/de/post/260912
----- Code -----
<style> @media screen and (max-width: 600px) { * {font-size:12px !important;} } </style>
----------------
Hier müsste statt * genauer definiert werden welche(r) Text(e) angepasst werden sollen, sonst gibt es unerwünschte Nebenwirkungen.
Sieh Dir mal https://peters-liederbox.de/ auf dem Desktop und auf dem Handy an.
Autor
Hello. Vielen Dank schon einmal. In meinem Projekt hier ist die Schrift für das Handy für mich genau richtig, jedoch auf dem Desktip zu groß. Ich rede vom normalen Seitentext. Hättest du da eine Lösung?
Im Desktop kannst du die Größe doch leicht verändern. Hier benötigt man keinen Code um die Schrift zu verkleinern. Umgekehr ist immer das Problem.
Autor
Meinst du, der User kann die Größe verändern? Das möchte ich eigentlch nicht, der soll schon beim ersten Blick einen guten Eindruck haben.
Wie rum ei Code aufgebaut ist, ist mir eigentlich egal - also ob er erkennt dass es sich um ein handy handelt oder dass es sich um einen Computer handelt. Hauptsache ich hab was, was funktioniert ;-)
Auf meinem Notebook (17", 1600x900) ist bei "tanzschule-breuer-koeln" die Schrift für mich (60+) gerade noch ausreichend gut lesbar, da die graue Schriftfarbe weniger scharf erscheint.
Also an alle Besucher denken und sich nicht nur nach den eigenen Augen richten.
Autor
Liest du mit 100% oder 115%?
Ich habe meinen Browser Firefox normalerweise immer auf 100 %.
Autor
OK, ich lese auf 115% - wobei mir das bei anderen Websites nicht so auffällt... Wäre nett, wenn die Mitleser sich das mal anschauen würden und ihre Einschätzung dazu geben würden
Da 99% der User immer 100% in Windows eingestellt haben, wäre es konterproduktiv dies auf 115% die Schrift anzupassen in der Desktopvariante....und nein ich meinte nicht das der User dies einstellen kann. Dies Art wurde Art wurde damals als barrierefrei eingefügt, ist aber heutzutage nicht mehr aktuell, weil die was die Schrift nicht lesen können, eigene Reader haben dafür, oder die Browser auf sich eingestellt haben.
Ich meinte eigentlich, dass man in Textstil die Standardgröße einstellt für den Desktop und dadurch, dass es sich nicht am Handy anpasst hier dann Code einfügt um die Größe zu ändern. Ist aber für die ganze Website nicht so einfach.