[HTML] schriftgrößen em vs. px

Dieses Thema im Forum "Webdesign" wurde erstellt von _zippo^, 21. November 2011 .

Schlagworte:
  1. 21. November 2011
    schriftgrößen em vs. px

    hallo leute, ich stehe gerade etwas auf dem schlauch...

    vorne weg, ich weiß was em ist und der vorteil in punkto barrierefreiheit dadurch, dass der user im browser seine schriftgröße anpassen kann und die seite es merkt ist mir auch bewusst.

    nur verstehe ich gerade nicht, warum ich sowas wirklich einsetzen sollte.

    ich kann doch schon rein designtechnisch nicht garantieren, dass die seite mit unterschiedlichen schriftgrößen gleich umgehen kann,
    beispiel navigation, ich hab ne gefloatete liste mit 5 elementen, schriftgröße 1em - bei browsersetting 16px passen die links nebeneinander, stellt sich ein grauer star patient die schriftgröße jetzt auf 30 ist ja klar das es nicht mehr in eine zeile passt und die navigation vollkommen zerhackt wird ?!

    afaik benutzen auch weder facebook noch google em produktiv - machen die das in abhängigkeit ihrer zielgruppen oder warum schreibt jeder designguru wie toll em ist und keiner benutzt es?

    danke für jeden beitrag der licht in mein gewaltiges dunkel bringt
     
  2. 21. November 2011
    AW: schriftgrößen em vs. px

    Naja, meiner Ansicht nach kommt es auf 2 Dinge an:

    1. Um welche Website es sich handelt.

    Sites, die sehr designlastig sein sollen (Ich denke hier an Bandseiten etc. die sehr von Bildern leben) werden em wohl eher weniger nutzen können.

    Sites, die mehr auf Informationen abziehlen werden em sehr wohl nutzen können.

    2. Zielgruppe
     
  3. 22. November 2011
    AW: schriftgrößen em vs. px

    erstmal, ich bin der meinung em wird nicht mehr benötigt.
    da moderne browser alles skalieren (schriften, boxen, bilder usw.).

    zudem, wenn du mit em anfängst, dann alles (schriften, boxen, bilder usw.).
    1 px = 0.0625 em
    wird nun skaliert, passt sich alles an.

    worauf geachtet werden muss, sobald du eine box eine andere schrfitgröße verpasst,
    zb. div.box {font-size: 1.4 em}, dann stimmt das maß der bilder die darin sind nicht mehr!

    ich hab das ewig nicht mehr gemacht, daher weiß ich gerade nicht mehr wie umgerechnet werden muss.

    mein tipp: lass es, da ja moderne browser von sich aus alles skalieren.
     
  4. 22. November 2011
    AW: schriftgrößen em vs. px

    em benutzt heute kein schwein mehr. zumindest ich nicht.
    mit px funktioniert alles tadellos und wie onip schon gesagt hat, macht die skalierung der browser ^^
     
  5. 22. November 2011
    AW: schriftgrößen em vs. px

    naja die skalierung übernimmt der browser wenn ich reinzoome, nicht wenn ich die schriftgröße in den einstellungen verändere..

    aber prinzipiell seh ich es ja genauso und werde daher jetzt einfach darauf verzichten, danke für euer feedback
     
  6. 22. November 2011
    AW: schriftgrößen em vs. px

    wie schön das man backups macht. so wird das bild wieder richtg gemacht.
    du hast also schriftgröße einer box vergrößert. dann muß folgendes gemacht werden:

    - mach ein inline-style in das img-tag das erstmal font-size wieder auf 1em setzt
    HTML:
    <img src="bild.jpg" alt="" title="" style="font-size: 1em; width: '.$imgsize['width'].'em; height: '.$imgsize['imgheight'].'em" />
    $imgsize ist jetzt mal ein platzhalter.

    - jetzt zur berechnung
    du benötigst die richtige breite und höhe des bildes und mutiplizierst das mit 0.0625 (1px)
    z.b. das bild 100x100 px, dann ist die berechnung 100*0.0625 = 6.25
    dann sieht das so aus.
    HTML:
    <img src="bild.jpg" alt="" title="" style="font-size: 1em; width: 6.25em; height: 6.25em" />
    das ist schon alles, viele spass mit em
     
  7. 22. November 2011
    AW: schriftgrößen em vs. px

    Was ist das für eine unqualifizierte Aussage. Nur weil neue Browser das eventuell übernehmen ist das kein Grund seine Seite nicht "richtig" zu formatieren. Oder schreibst du auch syntaktisch falschen Code, weil modere Browser dieses erkennen?

    Natürlich wird em noch benutzt. Schriften sollten generell in em anstelle von px angegeben werden. Als Grund ist hier klar die Barrierefreiheit zu sehen.

    Boxen kann man denoch in px angeben.

    Vielleicht noch als Ergänzung.
    Natürlich kommt es zusätzlich darauf an, wenn man als Zielgruppe hat und wie weit man alles skaliert. Aber man kann nicht erwarten das der DAU weis wie er selbst die Schriftgröße entsprechend ändert. Ganz abgesehen davon welchen Browser er nun benutzt. Der neuste ist es im allgemeinen nicht.
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.