Fixe Fontgröße

[GerhardS]

Hallo,
im IE7 und anderswo kann der User die anzuzeigende Schriftgröße ändern. Offenbar kann man das auch abstellen, sodass "unser schönes Design" nicht verloren geht. Weiß jemand, wie das geht?

[Boris]

im IE7 und anderswo kann der User die anzuzeigende Schriftgröße ändern.

Das ist auch gut so. Oder meinst du, es wurde aus Spaß eingebaut?

Offenbar kann man das auch abstellen, sodass "unser schönes Design" nicht verloren geht.

Nein, das geht nicht abzustellen. Du kannst höchstens die Schriftgrößen in px angeben, dann kann man im IE6 die Schriftgröße nicht mehr ändern.

[Rinaldo]

Und wenn man wirklich (warum auch immer?!) diese teilweise nützliche Funktion umgehen will, die Texte als Bild einfügen.

Bzw. sollte es doch auch mit sIFR möglich sein.

Über Sinn/Unsinn kann man streiten - möglich ist es sicher.

[GerhardS]

Danke für den Hinweis auf sIFR. Es scheint aber auch andere Wege zu geben. Seht Euch mal den Quelltext dieser Seite an: http://www.it-academy.cc/article/133...ten+bauen.html

[Rinaldo]

Da kann ich ja auch ohne Probleme die Schriftgröße ändern?!

[Boris]

Bzw. sollte es doch auch mit sIFR möglich sein.

sIFR lässt sich ebenfalls skalieren (zumindest ab der Version 3)

[GerhardS]

Mit IE 7?

[Rinaldo]

Ja, hab mir die Seite gerade auch nochmal im IE7 angesehen - Skalierung klappt ohne Probleme.

@Boris: Gut, das man das machen kann .

[GerhardS]

In IE7 kann man die Anzeige auf mehrere Arten beeinflussen:
- über den Zoom in der Statusleiste rechts unten
- über das Menü Ansicht->Textgröße
- über Extras->Internetoptionen->Allgemein->Eingabehilfen
Wenn man auf der Webseite http://www.it-academy.cc/article/133...ten+bauen.html den Weg über Ansicht->Textgröße geht, ändert sich die Schriftgröße nicht - zumindest bei mir...

[th2409]

Dass sich die Textgröße im IE7 (und auch anderen Browsern) nicht über die eigentliche Schriftgröße ändern lässt, liegt an der CSS-Definition "font-size: 8pt", die ich gefunden habe. Das ist nun mal eine feste Größe und keine relative (wie %, em, small...), welche sich dem Benutzerwunsch anpassen ließe. Die trotzdem zu sehende Skalierung in den Browsern beruht auf einer echten Vergrößerung des angezeigten Inhalte, also "aus 1 Pixel mach 2" oder so.
Das deckt sich alles mit den Aussagen der Vorredner (-schreiber), ich wollte nur mal rausholen, dass bei it-academy.cc eben mit einer festen Font-Größe im CSS gearbeitet wird. Und das auch noch in unmöglichen pt-Einheiten... allerdings mach die Seite auch sonst nicht den professionellen Eindruck, den sie gern verkaufen möchte.

[GerhardS]

Danke für die Info. Ich hatte schon gedacht, dass sie irgendwo im JavaScript eine Anweisung versteckt haben, die das Skalieren der Fontgröße verhindert...
Aber wenn ich schon mal mit Profis kommuniziere: gibt es irgendwo ein Tutorial, das sich mit dem zugrunde liegenden Problem "wie erstelle ich ein Layout, das auch durch verschiedene Zoomstufen/Fontgrößen nicht deformiert wird?" befasst? Mir ist klar, dass ein Web-Layout sich prinzipiell vom Papierlayout unterscheidet, und dass man für Mobiltelefone ein anderes Layout als für Widescreen-Monitore braucht. Aber ich hatte neulich ein Schlüsselerlebnis, als eine Bekannte über meine Website sagte "das kannst du doch eigentlich besser" und ich entdeckte, dass sie ihren IE7 auf Ignorieren von Schriftart- und Schriftgradangaben eingestellt hatte - da hatte es auch nicht geholfen, dass ich alle Schriftgradgrößen in em definiert hatte.

[th2409]

Tja, und genau das Erzwingen von nichtskalierbaren Textgrößen ist nicht mehr der Stand der Technik und schon gar nicht aktueller Stand der Zugänglichkeit.
Man sollte dem Leser die Möglichkeit lassen, seine Schriften größer einzustellen, damit er besser lesen kann. Wo soll da auch das Problem sein? Klar wird das pixelgenaue Design möglicherweise "zerlegt", aber das kann man ohnehin nie genau vorhersagen bei den unterschiedlichen Browsern. Wichtiger ist es eben, sich das "Umfeld", also die Inhaltscontainer so programmieren, dass sie mein Gesamtlayout gewährleisten - und wie dann darin der Text umherfließt, ist untergeordnet.
Lass dem Leser doch den Text, wie er will! Er wird sich was dabei gedacht haben, wenn er eine Einstellung trifft (Ob es nun nur die Größe ist oder eben das Ignorieren von bestimmten Dingen). Ohnehin sieht nur der Leser das identische Bild Deines Entwurfs, der nix am Browser verstellt (die meisten wissen gar nicht, dass es geht...), den gleichen Browser wie Du auf dem gleichen OS verwendet, die gleichen Schriftgradeinstellungem im OS hat etc.pp.
Die höhere Kunst steckt darin, ein sicheres Gesamtlayout zu designen, bei dem durch wechselnde Schriftgrößen auf Userseite nichts zerschossen wird. Da gehört dann auch einiges an Überlegungen zu (Hintergrund)grafiken dazu, damit sie sicher sind. Da könnte man einiges an Literatur empfehlen, die sich mit diesem Umsetzen beschäftigt. Echt gut ist "Transcending CSS".
Die Arbeit mit em oder % in den Schriftgrößen und/oder Abständen ist somit völlig richtig!
Wer unbedingt festlegen will, dass seine Schrift nur 3px hoch beim Leser ankommt, der muss halt zu Grafiken greifen (wobei einige Browser ja die auch mit vergrößern) , sIFR nutzen oder auf Flash umsteigen.

[Boris]

Zumal es bei den aktuellen Browsern (IE7, Firefox 3, Opera) so ist, dass beim Zoomen die gesamte Website vergrößert wird, nicht nur der Text. Dadurch geht nichts mehr "kaputt".

[designfanatiker]

Zitat von Boris

Zumal es bei den aktuellen Browsern (IE7, Firefox 3, Opera) so ist, dass beim Zoomen die gesamte Website vergrößert wird, nicht nur der Text. Dadurch geht nichts mehr "kaputt".

Aus diesem Grund verzichte ich inzwischen darauf mit Hilfe der Einheit em eine solche Zoomfunktion zu simulieren und verwende stattdessen wieder hauptsächlich die für unser Medium deutlich besser geeignete Einheit px.

[Boris]

Das mag deine Meinung sein, meine nicht. Es gibt mehr Browser und kleine Geräte, die von em nach wie vor profitieren.