CSS: FONT-SIZE in px oder in pt??

bigtail · 31.01.2005, 09:54

Hi,

Manche Leute geben die FONT-SIZE in px an und manche in pt.

Was ist eigentlich besser oder richtiger?

itz · 31.01.2005, 11:25

Hi,

beides sind feste Angaben, nur so weit meine Erfahrung reicht ist die Auslegung gerade im Bereich Bildschirmausgabe bei der Verwendung von pt zu unterschiedlich. Kommt wohl daher das pt eben nicht direkt auf der Bildschirm Auflösung aufsetzt und intern erst auf Pixel umgemünzt werden muss?!
Im Flusstext vielleicht noch ziemlich egal, bei pixelgenauen Sachen kann es recht unschön werden.

Ich für meinen Teil benutze daher für absolute Angaben px. Noch lieber allerdings "em" das ist optimal um auf die verschiedenen Auflösungen aufzusetzen.

Hoffe (ein bisschen) geholfen zu haben.

Gruß Chris

bigtail · 31.01.2005, 11:33

Zitat:

Hoffe (ein bisschen) geholfen zu haben.

Auf jeden Fall.

Aber was ist mit "em"?? Kannst du bitte etwas mehr darüber schreiben??

designfanatiker · 31.01.2005, 11:42

Ein "em" ist die vom Browser vorgegebene oder vom Benutzer gewählte Standardschriftgröße. Alternativ könntest du auch den Wert 100% verwenden.

itz · 31.01.2005, 11:54

Hi,

stimmet, em ist wie Prozent relativ zur Ausgabe, allerdings lässt es sich imho leichter händeln.
Probier es einfach mal aus, 1.0 ist der default Wert, 0.9em ist halt kleiner als default und 1.1em folglich größer. Wenn du noch einen Absatz mit Pixelangabe machst kommt der Effekt bei Auflösungs Änderungen schön rüber.

Einziger Nachteil bzw. man muss ein bisschen aufpassen, der Wert vererbt sich weiter. Wenn du in <p> sagst font-size ist 0.9em und darin enthalten ist noch ein <p> dem noch mal eine Schriftgröße von 0.9em zu gewiesen wurde dann ist die Schrift im inneren "<p>" 0.9em von 0.9em.

Gruß Chris

walter · 31.01.2005, 12:07

Hier auch ein interessanter Thread, von Terry begonnen:
http://www.traum-projekt.com/forum/s...ad.php?t=55156

T:-)M · 01.02.2005, 00:37

Hi Bigtail,

nimm Prozentangaben
- wenn es gar nicht anders in Deinem Design geht px angaben
(aber die sind nicht barrierefrei)

Gruß

T:-)M

hero-master · 01.02.2005, 16:01

Zitat:

Zitat von T:-)M

- wenn es gar nicht anders in Deinem Design geht px angaben

Schriftgrößen kann mit px, em und % nahezu auf die selbe "Größe" bringen

ANsonsten sthet in dem, von walter geposteten, Link alles weiter drin

01.02.2005, 16:30

ich will auch nochmal

How to size text using ems

TheDragonMaster · 01.02.2005, 16:44

Wenn du dir ein paar Haare auf dem Kopf halten willst: Nimm "px".
Und wenn du auf Barrierefreiheit achten willst (für IE-Nutzer - allen anderen ist das egal, weil die auch "px" vergrößern/verkleinern können) baust du noch einen Styleswitcher ein. Mehr geht momentan nicht.

"em" ist wirklich toll, aber in der Praxis unbrauchbar (jedenfalls wenn du ein relativ festes Design hast). Du musst immer damit rechnen, dass einer deiner Besucher eine andere Schriftgröße eingestellt hat, als du dachtest, und dann ist das geschrei sehr schnell sehr groß.

"pt" sind prima für's drucken, aber nicht für den Browser. Problem: 12pt sind unter Windows/Linux/etc. ~12px, aber unter Mac sind es ~9px - alle Angaben ohne Gewähr, jedenfalls deutlich kleiner.