1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Schriftgrösse und Blocksatz mit CSS

Dieses Thema im Forum "Design" wurde erstellt von Jörgi, 9. April 2010.

  1. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Hallo,

    ich habe in der style.css versucht die Schriftgröss auf 14px zusetzen und
    Blocksatz.
    Genau so habe ich das gemacht, hat aber nichts gebracht:

    body {
    background:#8b8b8b;
    color:#303030;
    font:76% Verdana,Tahoma,Arial,sans-serif;
    font-size: 14px;
    margin:0;
    padding:0;
    text-align:justify;
    }


    Könnt Ihr mir bitte sagen wie ich das hinbekomme.
    Wenn ich Artikel schreibe, möchte ich, dass automatisch Blocksatz ist
    und Schriftgrösse auf 14px.



    Vielen Dank für Eure,

    Hilfe
     
  2. mfitzen

    mfitzen Well-Known Member

    Registriert seit:
    9. Juli 2006
    Beiträge:
    9.820
    Zustimmungen:
    2
    Die Angaben wirst Du mit Sicherheit in einer Klasse .entry oder .post (oder so etwas in der Art) machen müssen. Mit nem Link zu Deiner Seite kann man Dir auch genauer sagen, wo die Änderungen gemacht werden müssen
     
  3. koslowski

    koslowski Well-Known Member

    Registriert seit:
    9. Juni 2009
    Beiträge:
    645
    Zustimmungen:
    0
    Hi,

    Blocksatz für Websites? Das ist nicht dein Ernst, oder? :roll:

    Dadurch wird der Text viel schlechter lesbar. Darum wird bei Websites i.d.R. auf Blocksatz verzichtet.

    Warum stellst du die Schriftgröße erst auf 76% und dann auf 14px.
    Nimm doch gleich 85%. :wink:
     
  4. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Vielen Dank,

    der Link ist: http://bauch-weg-fettverbrennung.de/

    Gruss,
    Joerg
     
  5. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Hallo,

    doch ist mein Ernst. Ich persönlich finde das besser lesbar und habe es auch schon massenhaft auf anderen Sites gesehen.

    Vielen Dank für Deinen Tipp mit 85%.
    Ich sehen aber keine Veränderung der Schrifgrösse wenn ich mir das
    in der Vorschau eines Artikels ansehe.


    Schönen Gruss,

    Jörg
     
  6. mfitzen

    mfitzen Well-Known Member

    Registriert seit:
    9. Juli 2006
    Beiträge:
    9.820
    Zustimmungen:
    2
    Suche in der style.css des Themes nach folgender Stelle und füge die blauen Zeilen hinzu:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  7. koslowski

    koslowski Well-Known Member

    Registriert seit:
    9. Juni 2009
    Beiträge:
    645
    Zustimmungen:
    0
    ich habe mir die Site jetzt mal angeschaut.
    Abgesehen davon das die Zeilenlaufweite bei meinem Bildschirm (26er) gegen unendlich geht und man dadurch schon ab Mitte der ersten Zeile keine Lust mehr hat weiterzulesen wird das Ganze durch diesen Blocksatz noch verschärft.

    Normal begrenzt man die Breite einer Seite.

    Du hast durch die Site über den ganzen Viewport und den Blocksatz letzlich ein optisch schönes Bild hingestellt. Das wars aber auch schon.
    Die Usability deiner Site ist für Besucher einfach schlecht. Die wollen Infos lesen und kein schönes Bild anschauen. ;)

    Komisch, per Firebug hatte ich kein Problem die Schriftgröße deiner Site zu verändern.
    An deiner Stelle würde ich erst mal diese Inline-Styles entfernen. Sowas ist eigentlich ein Nogo.
    Und deine Textgröße von 14px würde ich auch nicht definieren. Wozu auch, du hast doch schon die Schriftgröße in body angepaßt.
     
  8. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Vielen Dank für Deinen Kommentar.

    Wenn ich das richtig verstehe mit der Zeilenlaufweite heisst dass, das Leute mit nem kleinerem Bildschirm nach rechts scrollen müssen, um eine Zeile zu Ende zu lesen? Wo und wie kann ich die Zeilenbreite begrenzen und welchen Wert würdest Du vorschlagen?

    Wie meinst Du dass mit "Du hast durch die Site über den ganzen Viewport und den Blocksatz letzlich ein optisch schönes Bild hingestellt."

    Was ist ein Viewport? (Kenn mich noch nicht so aus mit den Fachbegriffen)

    Vielen Dank für Deine Mühe.

    Gruss,

    Jörg






    Danke,

    Jörg
     
  9. koslowski

    koslowski Well-Known Member

    Registriert seit:
    9. Juni 2009
    Beiträge:
    645
    Zustimmungen:
    0
    Der Viewport ist der sichtbare Teil der Website im Browserfenster.

    Bei Agenturen und Webdesignern hat sich eine Breite von 950px für das komplette Layout durchgesetzt, d.h. für Inhaltsbereich, sidebar, etc..
    Ein Textcontainer sollte nicht breiter als 500px sein.
    Prozentbreiten sind da nicht unproblematisch. Pixelbreiten für dein Layout sind kein Problem mehr, weil alle wichtigen Browser den Zoom mittlerweile können.

    Zeilenlaufweite ist die Breite einer jeden Zeile. Je größer die Zeilenlaufweite desto größer sind auch die Augenbewegungen von links nach rechts und das wird deshalb immer anstrengender.

    Zeitungen haben z.B. durch die vielen Spalten eine ganz kurze Zeilenlaufweite. So kann man den Inhalt schneller und müheloser erfassen.

    Eine Website soll nicht nur gut ausschauen, der Besucher sollte die Infos auch mühelos erlangen und sich gut zurechtfinden können.
    Gestaltet sich das Lesen der Infos mühevoll ist der Besucher ganz schnell wieder weg, egal wie toll die Website ausschaut.

    Beobachte mal dein eigenes Verhalten, wenn du Websites besuchst. ;)
     
  10. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Vielen Dank für den Tipp,


    Gruß,

    Jörg
     
    #10 Jörgi, 13. April 2010
    Zuletzt bearbeitet: 13. April 2010
  11. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Vielen Dank Koslowski für Deine ausführliche Antwort.
    Da habe ich wieder was dazugelernt.

    Kannst Du mir bitte sagen ob und wie ich diese Werte bei meinem Blog anpassen kann?

    Besten Dank,

    Jörg
     
  12. mfitzen

    mfitzen Well-Known Member

    Registriert seit:
    9. Juli 2006
    Beiträge:
    9.820
    Zustimmungen:
    2
    Nein, da ich mein Browserfenster nicht maximiert habe und sich Dein Content dynamischer der Breite des Fensters anpasst. Ergo ist die Contentspalte bei mir auch nicht so breit.

    Hier vielleicht noch ein für Dich interessanter Hinweis zum Thema Blocksatz: http://jendryschik.de/wsdev/einfuehrung/eigenschaften/text -> Probleme mit Blocksatz
     
  13. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Hallo Koslowski,

    vielen Dank für Deine Tipps welch ich auch gleich umgesetzt habe.

    Wie findest Du das Ganze jetz?

    Für weitere Anregungen bin ich dankbar.


    Gruss,

    Jörg
     
  14. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Besten Dank,

    bin jetzt aber ein bißchen verwirrt. Ich habe die Seite nach Koslowskis Vorschlägen angepasst, wie findest Du das?
    Hätte ich, wenn ich Dich richtig verstehe, gar nicht machen müssen,
    das sich das Layout dynamisch anpasst, oder?

    Aber warum hatte dann Koslowski Schwierigkeiten bei der Betrachtung.

    Was würdest Du vorschlagen ändern oder so belassen wie bisher?

    Vielen Dank für Deinen Rat.

    Gruss,

    Jörg
     
  15. mfitzen

    mfitzen Well-Known Member

    Registriert seit:
    9. Juli 2006
    Beiträge:
    9.820
    Zustimmungen:
    2
    So wie es heute morgen war, passte es sich dynamisch der Breite des Browserfensters an. Jetzt hast Du die Breite begrenzt, so wie es Koslowski vorgeschlagen hatte. Bei der dynamischen Einstellung, sieht die Website je nach Auflösung des Bildschirms unterschiedlich aus. Ergo ist auch die Zeilenlänge des Contents bei den jeweiligen Auflösungen verschieden. Hast Du nen 24 Zoll Widescreen Monitor, hast du eine unmögliche Zeilenlänge, die ein vernünftiges Lesen wirklich fast unmöglich macht.

    Wahrscheinlich aus gerade genannten Gründen.

    So wie es aktuell ist belassen, also mit der festen Breite.
     
  16. Jörgi

    Jörgi Well-Known Member

    Registriert seit:
    28. März 2010
    Beiträge:
    133
    Zustimmungen:
    0
    Besten Dank,

    habe den Blocksatz entfernt nachdem ich dem Link gefolgt bin und die Infos über die Schwierigkeiten mit Blocksatz gelesen habe.


    Schönen Tag noch,

    Jörg


    P.S. Ohne Euch würde ich echt alt aussehen. Super Forum, super Leute,super Unterstützung und schnell noch dazu.
    Da kann sich jede Support-Hotline für 1,98/Min. was abgucken.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden