XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Knowledge Base (http://xhtmlforum.de/forumdisplay.php?f=79)
-   -   Thema Schriftgrößen (http://xhtmlforum.de/showthread.php?t=32108)

Alex 10.10.2003 20:33

Thema Schriftgrößen
 
durch den anderen thread und einige artikel, die ich in den letzten tagen zum thema schriftgrößen angaben in css gelesen habe kam ich auf die idee, das thema mal kurz zur debatte zu stellen.

ich weiß grad einfach nicht, was ich machen soll, jede art die schriftgrößen anzugeben hat nachteile, die ich nicht in kauf nehmen will.

pt: führt auf unix-systemen (ergo auch linux und mac) zu sehr kleiner schriftdarstellung, da die monitorauflösung mit 72 statt 96 dpi (windows standard) berechnet wird. zudem kann die schriftgröße durch den user im ie nicht vergrößert werden.

px: zwar überall gleiche größe, aber ebenfalls keine vergrößerungsmöglichkeit durch den user im ie.

%: unterschiedliche größen selbst in den windows-browsern, vergrößerbar durch den user im ie, allerdings mit kaum effekt, zumindest wesentlich weniger als durhc em.

em: zwar durch den user einstellbar, aber probleme mit opera und ie (http://www.alexecker.de/em.htm )

nunja, ich habe jetzt das problem, dass ich einerseits recht hohe ansprüche an die typografie stelle. sprich ich will nach möglichkeit die schrift auf allen systemen gleich groß haben und dinge wie laufweite, proportionen (im bezug auf andere elemente der seite) etc sollen stimmen. dazu wäre px am besten geeignet, das hab ich bisher auch immer verwendet. andererseits möchte ich die seite so barrierefrei wie möglich gestalten und da ist px der tot, da der schlecht sehende, der die browser-schrift größer eingestellt hat nichts lesen kann.

drum die frage: wie macht ihr es und warum? gibt es tricks, wie ich bei allen leuten, die mittlere größen eingestellt haben (also den normalusern) das gleiche ergebnis erziele und trotzdem dem sehbehinderten keinen stein in den weg lege?

Alex 10.10.2003 20:48

Re: Thema Schriftgrößen
 
[eigentlich wollte ich editieren, nicht zitieren]

ulle 10.10.2003 21:25

Wie ich es mache :arrow:


Code:

html, body { font-size: 100%; }
Alle weiteren Schriftgrößen erst im letzten Element festlegen, mit EM

Code:

#content .beispielclass p { font-size: 0.8em; }
Würde ich schon im #content die Schriftgröße von 0.8em vorgeben, dann hätte ich im p-Tag nur noch weniger als 0.6em :arrow: Vererbung, d.h. nicht die größe wird vererbt sonder der Faktor :idea:

Also von Ursprünglich 100% nur 0.8em (=80%), davon dann wieder 0.8 und davon nochmals 0.8 :arrow: nicht mehr lesbar.


Und für Printer nehme ich Point (= pt)

Keine Probleme mehr :!:

H.Wiedow 10.10.2003 22:00

Bestätigung:
 
ich kann nur sagen. Nach meinen heutigen Erfahrungen duch meinen und diesen Tread werde ich auch nur noch so verfahren.
Schau dir noch mal mein Beispiel an , nachdem ich lediglich im body font-size auf 100% gesetzt habe.

ulle 10.10.2003 23:14

Zitat:

font-size auf 100%
Ich bin mir nicht wirklich sicher ob dies die alleinige Lösung Deines Themas gewesen ist.
http://www.xhtmlforum.de/viewtopic.php?t=207

__________________

Fakt ist aber das durch diesen Trick einfach die Schrift nicht mehr riesig bzw. super klein werden, wenn der User den Schriftgrad verstellt.


All das habe ich von

http://www.einfach-fuer-alle.de/

die Jungs habe es wirklich drauf, und jeden Tag haben die was schlaues in Ihren News. Aber am besten sind die ganzen Artikel im Archiv

Alex 11.10.2003 02:13

ok, klingt gut. das mit den 100% hab ich vorhin auch wo anders nochmal gelesen. aber trotzdem zu schade, dass der ie die schriftgröße nicht mehr verstellen lässt bei px angaben. die wären ansonsten fürs web einfach die besten...

marcela 17.12.2003 21:23

einfachfueralle ist wirklich ne gute Quelle :)

zum Thema Schriftgrad:
font-size : small; (medium, large, x-small usw...)
ist für mich die beste Lösung[/code]

pbergner 18.12.2003 09:39

Relative Schriftgrößen
 
Zur Umgehung verschiedener Bugs ist es besser für das <body>-Element eine Schriftgröße von 101% anzugeben.
Zitat:

"Für den Internet Explorer würde eigentlich die Angabe body {font-size: 100%;} reichen. Leider tritt hierdurch ein anderer Fehler in einem weiteren Browser auf: bei der Angabe 100% kann es im Opera 6 passieren, dass der Text mikroskopisch klein dargestellt wird. Ein Wert von 101% macht in allen anderen Browsern keinen Unterschied, da diese den Wert abrunden, bringt aber Opera 6 dazu, den Text in einer lesbaren Größe darzustellen."
siehe dazu auch: MSIE: Ein Bug bei der Anwendung relativer Schriftgrößen

Valeri 05.08.2004 12:33

Schriftunterschiede
 
Hallo!
Dieses Thema finde ich interessant.
Und ich werde hier die Tips von Ulle gerne umsetzen.
Aber kann mir jemand sagen, warum beim Opera trotz eingestellter Zoomgröße von 100% die Schrift etwas kleiner aussieht als bei den anderen Browsern (Netscape, Firefox, IE 6.0)?
Beim Opera sieht das aus, als wären das von Haus aus nur ca. 80-90% der anderen Browser-Schriftgrößen?

Valeri 05.08.2004 12:37

Re: Relative Schriftgrößen
 
Zitat:

Zitat von pbergner
Zur Umgehung verschiedener Bugs ist es besser für das <body>-Element eine Schriftgröße von 101% anzugeben.

KLASSE TIPP!
Damit hat sich mein Kommentar von soeben erübrigt!
Es geht doch nix über gute Foren :D .
Dies hier kombiniert mit www.aspforum.de haben mir schon viel geholfen!
Danke an alle!


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:54 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023