Shyne: Wie stelle ich die Schriftgröße nun ein?

Hallo,

seit paar Tagen habe ich mein altes Hobby wiedergefunden und bin dabei fleißig CSS und Webdesign Blogs und Ähnliches zu lesen.

Mein Problem ist, dass ich nach Stunden lesen etwas schlauer bin aber nicht schlau genug.

  1. Ich würde mich für den Flußtext ohne Größenangabe entscheiden, aber ich finde bei den meisten Menschen wären 16px viel zu groß (wenn auch nicht bei mir bei einer ~1600 Auflösung.)
    Einige (viele) dieser Menschen wissen ihren Browser nicht genug zu bedienen oder haben gar keine Lust dazu. Wenn also die Schrift zu groß ist, ist das ja auch keine Lösung.
    Außerdem kann die beste Lösung ja nur sein, der Masse etwas angenehmes zu bringen und diese sind mit 16px nicht bedient meiner Meinung nach.
  2. Eine Lösung mit 14px scheint mir ganz okay wie es bei http://praegnanz.de ist, ideal gibts bei diesem Thema wohl nicht.

/* for Explorer/Win 5+6 */
html {
font-size: 87.5%;
}

/* for cool browsers */
html>body {
font-size: 14px;
line-height: 1.643em;
}

body {
font-family: »Lucida Grande«, »Lucida Sans Unicode«, tahoma, verdana, arial, sans-serif;
color: #333;
padding-bottom: 50px;
background: white;
}

Diesen Code verstehe ich aber um ehrlich zu sein gar nicht. Warum "font-size: 87.5%;" für IE? Und warum "font-size: 14px; line-height: 1.643em;" für alle andern? Bzw. beides greifen doch überall.

http://praegnanz.de/weblog/neues-von-der-px-vs-em-front Ich verstehe zwar, was er erreichen möchte aber ich verstehe nicht den Weg.

  1. Dann habe ich noch eine Lösung bei http://www.smashingmagazine.com/ gefunden.

* {font-size:100.01%}
html {font-size:62.5%;}

body {
           margin:0;
           min-width:820px;
/*
           min-width:926px;
           max-width:1204px;
*/
           font:1.2em/1.6em Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
           color:#1e1e1e;
           background:url(../img/bg-body.gif) repeat-x 0 0;
          }

Hier verstehe ich den Bruchstrich bei "font:1.2em/1.6em" nicht. Da fehlt mir wohl was , was CSS angeht, denn solch eine Angabe sehe ich zum ersten Mal. Denn Rest kenne ich. {font-size:100.01%} weil IE mit 1em und sowas Probleme hatte, html {font-size:62.5%;} damit 1 em ca. 10 px entspricht.

Vielleicht bin auch zu müde um da ganz durchzublicken, wer mir hilft, die obrigen Sachen zu verstehen, dem bin ich sehr dankbar. Ich schau in dem Dschungel nicht mehr durch. Wie sollte ich es nun machen?

Danke
Ciao

  1. Hi,

    Diesen Code verstehe ich aber um ehrlich zu sein gar nicht. Warum "font-size: 87.5%;" für IE? Und warum "font-size: 14px; line-height: 1.643em;" für alle andern? Bzw. beides greifen doch überall.

    Der IE skaliert die Textgroesse bei absoluten Angaben nicht, also bekommt er eine relative.
    Andere Browser erlauben dem Nutzer die Skalierung auch bei absoluten Angaben.

    Hier verstehe ich den Bruchstrich bei "font:1.2em/1.6em" nicht. Da fehlt mir wohl was , was CSS angeht, denn solch eine Angabe sehe ich zum ersten Mal.

    (Nach-)Lesen bildet :-)
    http://de.selfhtml.org/css/eigenschaften/schrift.htm#font

    Wie sollte ich es nun machen?

    Es gibt keine allgemeingueltige Musterloesung und kein Patentrezept.

    Das SELFHTML Weblog hat sich damit auch schon mal auseinandergesetzt: (Keine Antwort auf) Die Frage nach der richtigen Schriftgröße

    MfG ChrisB

    1. Der IE skaliert die Textgroesse bei absoluten Angaben nicht, also bekommt er eine relative.
      Andere Browser erlauben dem Nutzer die Skalierung auch bei absoluten Angaben.

      Danke, werden dann bei den "coolen" Browsren 14px und 1,643 dargestellt oder 87,5% von 14px und 1,643? Nach meiner Vorstellung müssten es 87,5%...

      (Nach-)Lesen bildet :-)
      http://de.selfhtml.org/css/eigenschaften/schrift.htm#font

      Danke :D

      Das SELFHTML Weblog hat sich damit auch schon mal auseinandergesetzt: (Keine Antwort auf) Die Frage nach der richtigen Schriftgröße

      Ich bin gerade am lesen. Und wie es die Ironie des Lebens so will, ist mir hier die Schrift unangenehmen zu groß . Ich finde das nicht schlimmer oder weniger schlimmer, als bei den Seiten, wo die Schrift _etwas_ zu klein ist. Meine Lösung ist eine Größe unter normalen Bedinungen so um die 14px, so dass jeder aber die Schrift vergrößern/verkleinern kann.

      Damit man nicht ständig die Größe im Browser ändern muss,falls die meisten Seiten nicht optimal sind, gibt es bei FF "miniale Schriftgröße", was ich benutze....

      Schlimm finde ich es nur, wenn ich auf eine Seite komme, die auseinander fällt oder irgenwelche Banner mir die Sicht auf den Text verdecken.

      Nochmals Danke
      Ciao

    2. Hi,

      Diesen Code verstehe ich aber um ehrlich zu sein gar nicht. Warum "font-size: 87.5%;" für IE? Und warum "font-size: 14px; line-height: 1.643em;" für alle andern? Bzw. beides greifen doch überall.

      Der IE skaliert die Textgroesse bei absoluten Angaben nicht, also bekommt er eine relative.

      leider nicht - jedenfalls was den IE7 betrifft. Der hat zwar diese neue Zoom-Funktion, aber die ist so ziemlich das Übelste an diesem Browser.

      freundliche Grüße
      Ingo

      1. leider nicht - jedenfalls was den IE7 betrifft. Der hat zwar diese neue Zoom-Funktion, aber die ist so ziemlich das Übelste an diesem Browser.

        Warum?

        Ich (aber nicht nur ich, sondern auch viele andere) finde den IE7 ganz gut, vor allem im Vergleich zu den alten IEs

        1. Hi,

          leider nicht - jedenfalls was den IE7 betrifft. Der hat zwar diese neue Zoom-Funktion, aber die ist so ziemlich das Übelste an diesem Browser.

          Warum?

          weil dieser Zoom noch wesentlich schlechter funktioniert als der von Opera.
          Getestet allerdings an völlig flexiblen Seiten, die sich einer Schriftgradänderung optimal anpassen.
          Bei Schriftvergrößerung muss dann völlig unnötig quergescrollt werden und bei Schriftverkleinerung werden auch die Boxen schmaler und vormals 100% hge boxen schrumpfen. In seltenen Fällen kommt es sogar zu Überlagerungen.

          Ok, ich will nicht leugnen, dass dieser Zoom für Seiten, die mit einem Programm desselben Herstellers zusammengeklickt wurden, wahrscheinlich die beste Lösung darstellt...

          freundliche Grüße
          Ingo

          1. Ja gut, es ist wahrscheinlich noch nicht ausgereift, aber ich kenen da einige Seiten, wo ich das ganz hilfreich finde. Also besser als IE5 oder 6 wo man gar keine Chance hat, etwas anzupassen bei gewissen Seiten.

  2. Hallo,

    ChrisB hat ja schon einen Teil Deiner Fragen beantwortet.
    Ich bevorzuge diese Variante:
    body {font-size: x-small; /* für IE5/Win */
       voice-family: ""}"";
       voice-family: inherit;
       font-size: small; /*für konforme Browser */
       font-family: Verdana, Arial, Helvetica, sans-serif;}
    html>body { /*sei nett zu Opera */
       font-size: small;
       }

    Du kannst natürlich auch gleich Small anbieten, wenn es dir anch etwas grössserer Schrift ist. Ansonsten geben ich alle Schrift auch relativ in % an, damit sicher Jeder, der will und kann, die Schriftgrösse anpassen kann

    Liebe Grüße aus dem Ruhr-Gebiet
    Edgar

    Professionelle Internetauftritte Kostenloser Homepagetest

    1. Dankeschön :)

  3. Hallo,

    die Schriftgröße stellt der Besucher ein in Abhängigkeit seines Sehvermögens, was der Designer wohl kaum kennen dürfte.

    Viele Grüße,
    Horst Haselhuhn

    1. Hallo,

      die Schriftgröße stellt der Besucher ein in Abhängigkeit seines Sehvermögens, was der Designer wohl kaum kennen dürfte.

      Viele Grüße,
      Horst Haselhuhn

      Lieber Horst,
      das wäre ja schön, wenn das immer so wäre, und vor allem so funktioniern würde.
      Vor allem Surfer, die die Internet-Explorer nutzen, können das leider nur, wenn der Designer es berücksichtigt.....

      mal ganz abgesehen noch von anderen Eigenarten wie beim IE5, der die Schrift gleich ne Stufe kleiner stellt, etc...

      In diesem Sinne: Besinnliche Feiertage, und guten Rutsch
      Edgar

      Professionelle Internetauftritte Kostenloser Homepagetest

    1. Ich würde mich für den Flußtext ohne Größenangabe entscheiden, aber ich finde bei den meisten Menschen wären 16px viel zu groß (wenn auch nicht bei mir bei einer ~1600 Auflösung.)

    Damit hast Du den Kern des Problems schon hinreichend beschrieben. Was bei Dir passt, passt nicht unbedingt bei anderen. Und was bei anderen passt, passt nicht unbedingt bei Dir.
    Eine Lösung, die es allen recht macht, gibt es nicht, jedenfalls nicht von Deiner Seite als Gestalter aus. Die Lösung gibt es nur auf Browser- bzw. Benutzerseite.

    Einige (viele) dieser Menschen wissen ihren Browser nicht genug zu bedienen oder haben gar keine Lust dazu.
    Wenn also die Schrift zu groß ist, ist das ja auch keine Lösung.

    Überlege mal: Du hast jemanden, der die Schriftgröße nicht ändern kann. Was ist wohl, wenn überhaupt, das kleinere Übel, eine zu große Schrift oder eine zu kleine, insbesondere auch unter Beachtung der Darstellungsgrenzen, die durch die Pixelgröße gesetzt werden?

    Außerdem kann die beste Lösung ja nur sein, der Masse etwas angenehmes zu bringen und diese sind mit 16px nicht bedient meiner Meinung nach.

    Ja, Deiner Meinung nach. Hast Du auch mal die Masse befragt, die sich mit dem Ergebnis Deiner Meinung "rumärgern" muss, oder ist das nur eine Vermutung?
    Ich hab's zugegebenermaßen auch nicht, aber andererseits ist mir noch nie ein Benutzer untergekommen, der sich über zu große Buchstaben beschwert hätte - von "Fliegendreck" u.ä. lese ich hingegen regelmäßig.

    Alternativvorschlag: Falls Du Dir tatsächlich größere Sorgen um die Schriftgröße machst, setze doch einen Hinweis auf eine Browser-Erklärung in den Fuß jeder Seite.

    1. Eine Lösung, die es allen recht macht, gibt es nicht, jedenfalls nicht von Deiner Seite als Gestalter aus. Die Lösung gibt es nur auf Browser- bzw. Benutzerseite.

      Ich sehe es ein :)

      Überlege mal: Du hast jemanden, der die Schriftgröße nicht ändern kann. Was ist wohl, wenn überhaupt, das kleinere Übel, eine zu große Schrift oder eine zu kleine, insbesondere auch unter Beachtung der Darstellungsgrenzen, die durch die Pixelgröße gesetzt werden?

      Hast schon Recht, deswegen sollte man wirklich nicht mit 10 oder 12 Pixeln arbeiten. Aber 14 Pixel sind ausreichend, da komme ich sogar mit meinem 20'' TFT damit ganz gut zurecht. Wer ein extrem großes Ding hat, der braucht sowieso spezielle Hilfsmittel (Wie doppeldeutig... :D )

      Ja, Deiner Meinung nach. Hast Du auch mal die Masse befragt, die sich mit dem Ergebnis Deiner Meinung "rumärgern" muss, oder ist das nur eine Vermutung?
      Ich hab's zugegebenermaßen auch nicht, aber andererseits ist mir noch nie ein Benutzer untergekommen, der sich über zu große Buchstaben beschwert hätte - von "Fliegendreck" u.ä. lese ich hingegen regelmäßig.

      Ich hätte auch gerne so eine Umfrage, leider ist es tatsächlich nur meine Meinung, die aber nicht ganz aus der Luft gegriffen ist sondern von Beobachtungen stammt. Keiner meiner MItschüler würde mit 16px zurecht kommen und schon gar nicht auf den Schul PCs mit 1024x768 Auflösung.
      Dass zu große Schrift auch sehr nervt habe ich selbst heute nochmal erfahren. Ist nicht weniger schlimm, als eine _etwas_ zu kleine Schrift.

      "Fliegendreck" Seiten - Ich schätze damit sind die "super designten" Seiten gemeint, die mit 9px oder 10 arbeiten und wo man die Schrift auch nicht verstellen kann.

      Alternativvorschlag: Falls Du Dir tatsächlich größere Sorgen um die Schriftgröße machst, setze doch einen Hinweis auf eine Browser-Erklärung in den Fuß jeder Seite.

      Ich weiss nicht genau was du meinst. Meinst du eine Bedienungsanleitung für Schriftgrößeneinstellungen im Browser?
      Ne so groß sind meine Sorgen nicht. :)

      Danke für die Antowrten
      Ciao