Schriftart und Grösse
- Ersteller space
- Erstellt am
Arial.
Eine serifenlose Schrift ist im Web besser. Im Druck (reallife) ist wiederrum Serifenschrift besser, dass man besser den Text lesen kann. Im Web wie gesagt ist es genau umgekehrt besser.
Aber Aral 10 wäre mir zu klein. Weil Minischriften sind im web auch schlecht.
ich nehme mind. 12, oder 14. 16 für Überschriften.
Eine serifenlose Schrift ist im Web besser. Im Druck (reallife) ist wiederrum Serifenschrift besser, dass man besser den Text lesen kann. Im Web wie gesagt ist es genau umgekehrt besser.
Aber Aral 10 wäre mir zu klein. Weil Minischriften sind im web auch schlecht.
ich nehme mind. 12, oder 14. 16 für Überschriften.
was gegen pixel spircht ist folgendes......
hoffe erzähle jetzt keinen mist sonst soll mich einer korrigieren, aber
bin der meinung mal gerlernt zu haben, dass wenn du die schrift
in Points angibst, ein Sehbehinderter, welcher die Browsereinstellung
«Darstellung SEHR GROSS» hat, deine Schrift auch gross angezeigt
bekommt. Bei Pixel angaben hingegen, ist die Schrift FIX in der Grösse
definiert.
Ich bin der Meinung, das war mal so und wird vermutlich auch noch so sein.
Wenn Du benutzerfreundlich bleiben willst, so empfehle ich Points, willst Du aber
Schriftgrösse im Layout kontrollieren können, so wähle Pixel.
grüsse ric
hoffe erzähle jetzt keinen mist sonst soll mich einer korrigieren, aber
bin der meinung mal gerlernt zu haben, dass wenn du die schrift
in Points angibst, ein Sehbehinderter, welcher die Browsereinstellung
«Darstellung SEHR GROSS» hat, deine Schrift auch gross angezeigt
bekommt. Bei Pixel angaben hingegen, ist die Schrift FIX in der Grösse
definiert.
Ich bin der Meinung, das war mal so und wird vermutlich auch noch so sein.
Wenn Du benutzerfreundlich bleiben willst, so empfehle ich Points, willst Du aber
Schriftgrösse im Layout kontrollieren können, so wähle Pixel.
grüsse ric
K
kaidon
Guest
am besten verwendet man für schriftgrössen die einheit em.
so werden die einstellungen des users respektiert.
für normalen fliesstext verwende ich 0.75em.
für h1 zb 1.6em.
für h2 zb 1.4em.
usw.
pt oder px sollte man generell nicht verwenden.
so werden die einstellungen des users respektiert.
für normalen fliesstext verwende ich 0.75em.
für h1 zb 1.6em.
für h2 zb 1.4em.
usw.
pt oder px sollte man generell nicht verwenden.
Hier Links zum Thema Schriftgrösse:
http://de.selfhtml.org/css/formate/wertzuw....htm#numerische
http://www.planethtml.de/html/019.shtml
http://www.fabrice-pascal.de/artikel/sizediscussion/
MFG
Florian
http://de.selfhtml.org/css/formate/wertzuw....htm#numerische
http://www.planethtml.de/html/019.shtml
http://www.fabrice-pascal.de/artikel/sizediscussion/
MFG
Florian
K
kaidon
Guest
http://www.alistapart.com/articles/elastic/
ein guter artikel zum thema em.
http://www.htmldog.com/articles/elasticdesign/demo/
hier mal versuchen im browser die schriftgrösse zu ändern.
Firefox: View > Text Size > Increase | Decrease
ein schönes beispiel welches vorteile von em aufzeigt ist auch folgendes:
CODE <input name="plz" id="plz" type="text" value="" maxlength="4" style="width:4em" />
hier auch mal versuchen im browser die schriftgrösse zu ändern.
die breite des input elements passt sich der vom user gewählten schriftgrösse an.
ein weiteres beispiel:
CODE
<html>
<head>
<style type="text/css">
body {
/* hier mal versuchsweise zwischen den rules umschalten */
/* font-size: 0.5em; */
font-size: 0.75em;
/* font-size: 1em; */
}
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.4em;
}
</style>
</head>
<body>
Hello World
<h1>Hello World</h1>
<h2>Hello World</h2>
<p>Hello World</p>
</body>
</html>
cheers
k
ein guter artikel zum thema em.
http://www.htmldog.com/articles/elasticdesign/demo/
hier mal versuchen im browser die schriftgrösse zu ändern.
Firefox: View > Text Size > Increase | Decrease
ein schönes beispiel welches vorteile von em aufzeigt ist auch folgendes:
CODE <input name="plz" id="plz" type="text" value="" maxlength="4" style="width:4em" />
hier auch mal versuchen im browser die schriftgrösse zu ändern.
die breite des input elements passt sich der vom user gewählten schriftgrösse an.
ein weiteres beispiel:
CODE
<html>
<head>
<style type="text/css">
body {
/* hier mal versuchsweise zwischen den rules umschalten */
/* font-size: 0.5em; */
font-size: 0.75em;
/* font-size: 1em; */
}
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.4em;
}
</style>
</head>
<body>
Hello World
<h1>Hello World</h1>
<h2>Hello World</h2>
<p>Hello World</p>
</body>
</html>
cheers
k
space
Angesehenes Mitglied
Hallo
Ich habe das meiste durchgelesen und ich denke ich weiss jetzt was ich in Zukunft diesbezüglich mache.
em finde ich für viele Projekte eine gute Lösung - allerdings werde ich das Fazit aus "lantastic" im Hinterkopf behalten.
QUOTE
Fazit
Die Lösung auf die Frage, welche Schriftgrößeneinheit die Richtige ist lautet :
Es gibt keine Lösung! Es hängt stark davon ab, für wen die Seite konzipiert ist. Also sind es Kunden, die mit aktuellen Browsern durchs Web surfen? Sind es vielleicht Kunden, die keine große Ahnung von Computern haben und froh sind, wenn bei einem Doppelklick auf das bunte Bild auf dem Desktop die Verbindung zum Internet steht? Das sind dann auch oftmals Kunden, die mit älteren Browsern unterwegs sind. Handelt es sich vielleicht auch um Kunden, die mit Sehstörungen zu kämpfen haben? Dann sollte man auf skalierbare Schriften achten. Befinden sich auf der Seite viele zu druckende Texte? Ist dann vielleicht ein weiteres Stylesheet nötig. und und und.
Jeder muß Selber für sich entscheiden welche Methode er bevorzugt.
Gruss und Danke für Eure Hilfe
space
Ich habe das meiste durchgelesen und ich denke ich weiss jetzt was ich in Zukunft diesbezüglich mache.
em finde ich für viele Projekte eine gute Lösung - allerdings werde ich das Fazit aus "lantastic" im Hinterkopf behalten.
QUOTE
Fazit
Die Lösung auf die Frage, welche Schriftgrößeneinheit die Richtige ist lautet :
Es gibt keine Lösung! Es hängt stark davon ab, für wen die Seite konzipiert ist. Also sind es Kunden, die mit aktuellen Browsern durchs Web surfen? Sind es vielleicht Kunden, die keine große Ahnung von Computern haben und froh sind, wenn bei einem Doppelklick auf das bunte Bild auf dem Desktop die Verbindung zum Internet steht? Das sind dann auch oftmals Kunden, die mit älteren Browsern unterwegs sind. Handelt es sich vielleicht auch um Kunden, die mit Sehstörungen zu kämpfen haben? Dann sollte man auf skalierbare Schriften achten. Befinden sich auf der Seite viele zu druckende Texte? Ist dann vielleicht ein weiteres Stylesheet nötig. und und und.
Jeder muß Selber für sich entscheiden welche Methode er bevorzugt.
Gruss und Danke für Eure Hilfe
space