[CSS] Schriftgröße dynamisch für monitore?

Dieses Thema im Forum "Webdesign" wurde erstellt von everniZe, 10. November 2011 .

  1. 10. November 2011
    Schriftgröße dynamisch für monitore?

    Hallo zusammen,

    ein Kunde von mir möchte gerne auf seiner Internetseite dynamische Schriftgrößen.
    Er meint wenn er auf meine Seite geht (welche ich leider nicht posten darf..)
    und der Kunde hat nen 26' Monitor dann sind ihm die Schriften viel zu klein.

    Und auf der Mercedes Seite z.B.
    Mercedes-Benz Deutschland - Personenwagen

    Würden Sie automatisch höher eingestellt.

    --------

    Meine Frage:
    Wie mache ich das die Schriften je nach Monitor dynamisch sind?
    Habe bis jetzt alle Schriften in PX angegeben.
    Also:
    Code:
    font-size:12px;
    muss ich die Schriften einfach in % oder so angeben?
    in pt?

    Verstehe das nicht hatte das Problem noch nie.
    Und bei Mercedes finde ich gerade auch nur PX angaben...


    Bitte um Hilfe...
     
  2. 10. November 2011
    AW: Schriftgröße dynamisch für monitore?

    zusatz:
    Ich finde keinen Fehler.
    Bei Mercedes passt sich auch nichts iwie an oO

    Hat der Kunde vllt iwie nen Denkfehler oder so?

    Habs jetzt extra an nem 24' mit höchster auflösung ausprobiert.

    Bei beiden gleich.
     
  3. 10. November 2011
    AW: Schriftgröße dynamisch für monitore?

    Mit Prozenten kannst du das Problem nicht lösen. Sofern du das mit CSS lösen willst, solltest du dir mal Media Queries anschauen. Dein Problem ist ja, dass bei größeren Auflösungen die Schriftgröße zu klein ist. Was musst du also rausfinden? Die Auflösung ^^ Dies kannst du per media-queries machen, oder halt per Javascript, obwohl das per CSS um einiges angenehmer zu lösen ist.

    Dennoch ist das CSS3, bei älteren Browsern musst du dir da was einfallen lassen, aber da gibts 12343254354325324 Tutorials und Google hätte dir da sowas von Zeit gespart. Warum googlest du dein Problem nicht?

    Btw. Tutsplus Quick Tip: A Crash-Course in CSS Media Queries - Tuts+ Code Tutorial

    Da findest du alles =)
     
  4. 10. November 2011
    AW: Schriftgröße dynamisch für monitore?

    Das ist ja das was ich dem Kunden versuche zu erklären.
    Das das Schwachsinn ist und auch eigentlich kein anderer macht.
    Mercedes passt auch auf ihrer seite keine Schrift dynamisch an.
    Man darf keine Barrieren schaffen klar. aber man kann ja wie bei jeder anderen Seite zoomen.

    Wie erklärt man das am besten fachlich das es mit aktuellem CSS und HTML nicht möglich ist.
     
  5. 11. November 2011
    AW: Schriftgröße dynamisch für monitore?

    Sprich die Fakten einfach aus. Mediaqueries sind ein guter Ansatz, Schwierigkeiten machen alte Browser. Es geht auch per Javascript, sprich gute alte Monitorweiche etc.

    Eine weitere Alternative wäre eine dynamische Anpassung der Schriftgröße mittels kleiner Navi. So kann der Betrachter die Schriftgröße selbst einstellen.

    Beispiel:
    Dein Standard ist 12px. Du machst drei schaltflächen (Schrift größer, Schrift kleiner, Standardgröße). Per Javascript kannst Du dann die Schriftgröße anpassen und wenn gewollt, in einem Cookie, Session etc. speichern.
     
  6. 12. November 2011
    AW: Schriftgröße dynamisch für monitore?

    Es ist möglich und auch nicht besonders schwer ^^ Es ist auch kein Schwachsinn nur einfach nicht praktikabel
     
  7. 12. November 2011
    AW: Schriftgröße dynamisch für monitore?

    sag deinem kunden, dass menschen mit 24+ zoll monitoren diesen nicht dafür verwenden wollen um daten zu vergrößern, sondern um mehr verschiedene daten auf einmal zu sehen.

    deine benutzer können jederzeit selbst entscheiden, ob sie die seite vergößert sehen möchten (das ist in jedem browser einstellbar).

    STRG und "+" vergrößert sie seite,
    STRG und "-" verkleinert die seite

    du kannst aber, falls deine seite eine älter zielgruppe anspricht, eine option einbinden, mit der man per knopfdruck diese funktionalität nachempfinden kann.

    dazu musst du deine schriften einfach per "em" definieren (1em = 12pt = 16px)
    und dann per "body { font-size: yxz% }" entsprechend vergrößern.

    Code:
    body { font-size: 100% }
    normal

    Code:
    body { font-size: 200% }
    doppelt so groß
     
  8. 13. November 2011
    AW: Schriftgröße dynamisch für monitore?

    Vielen DANK! An euch beide!

    BW raus!
    edit:
    an euch 3 natürlich!
     
  9. 13. November 2011
    AW: Schriftgröße dynamisch für monitore?

    diese variante wäre auch für die barrierefreiheit die beste wahl. falls das auch wichtig ist.
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.