2012-07-13 6 views
7

ich über einige website kam dieIst diese Formel zum Annähern der Zeichenanzahl pro Zeile in einem Div korrekt?

Im vorherigen Beispiel sagt, Spalte 1 hat eine feste Breite: breit und 400 Pixel festgelegt wurde. Bei einem Text-Rendering von 12 px würde dies ein Maß von ungefähr 66 Zeichen pro Zeile ergeben. Wenn Ihr Reader die Textgröße auf 16 px erhöht, reduziert sich die Größe auf 50 Zeichen pro Zeile.

Die CSS für seine Spalte 1 ist DIV#col1 { width:400px }

Im Moment bin ich mit einem gewissen Fall nicht so betroffen, wo die Leser die Textgröße erhöht.

Ich verstehe nicht, woher er seine Verhältnisse bekommt, aber diese Formel scheint für beide Verhältnisse zu berücksichtigen, gibt er:

approximate charcount per line = [2 * (div width)]/(font size) 

Die Einheiten in der Formel Pixel sind ...

Weitere down gibt er zwei weitere Beispiele, und die Formel scheint immer noch zu halten ...

Ist diese Formel korrekt? Warum gibt er diese Verhältnisse?

Ich würde denken, dass jemand dies vor gefragt, aber vielleicht habe ich die falschen Suchbegriffe :)

+0

Rückblickend stelle ich fest, dass die Einstellung der Spaltengröße mit der _px_-Einheit manchmal nicht gut für die Typografie ist. Die Wikipedia-Seite für [em] (http://en.wikipedia.org/wiki/Em_ (Typografie) #CSS) sagt: _ [...] W3C-Best Practices-Empfehlungen in HTML und Online-Markup verlangen nun nach Webseiten auf skalierbaren Designs basieren, mit einer relativen Maßeinheit (wie die em-Messung) _ – gitparade

Antwort

8

Die Beispiele und die Formel und die Hinweise auf der zitierten Seite ergeben allesamt die einfache Idee, dass die Breite eines Zeichens die Hälfte der Schriftgröße beträgt.

Das ist einfach eine grobe Faustregel und auch im Durchschnitt nicht sehr genau. Die Breite hängt von der Schriftart und dem Zeichen ab. Die "durchschnittliche Zeichenbreite" ist ein sehr vages Konzept. In der Typografie, z.B. In "Die Elemente des typografischen Stils" von Robert Bringhurst wird die Länge des englischen Kleinbuchstaben-Alphabets (a bis z) als Maß verwendet, aber es bedeutet effektiv, den Durchschnitt über diese Buchstaben zu berechnen, als ob Texte nur aus ihnen bestehen würden jeder Charakter ist gleich häufig.

In Wirklichkeit scheint die durchschnittliche Breite von Zeichen in englischer Prosa eher 0,4 der Schriftgröße als 0,5 davon zu sein.

Zum Schluss, wenn Sie die Spaltenbreite einstellen wollen, sagen sie, 50 Zeichen, dann wird die folgende ist ein vernünftiger Versuch:

width: 20em; 
width: 50ch; 

Alter Browser, den die CSS3-Einheit ch nicht unterstützen, dann verwenden 20em, was der Schätzung von 0,4 entspricht. Sie können ein etwas größeres Verhältnis verwenden oder erheblich größer, wenn Sie überprüft haben (gemessen), dass sich Ihre primären Schriftartvorschläge auf Schriftarten beziehen, bei denen Zeichen relativ breit sind. Aber es ist keine exakte Wissenschaft. Selbst die Verwendung der Einheit ch ist keine exakte Wissenschaft, da sie einfach die Breite der Ziffer Null (0) bezeichnet, obwohl dies als eine vernünftige Annäherung der "durchschnittlichen Zeichenbreite" behandelt werden könnte.

2

Eine Pixelgröße für eine Schriftart mit einer Höhe, mit einer Breite von Verhältnis entspricht ergibt. Die einzige Möglichkeit, sich der Zeichenanzahl sicher zu sein, wäre die Verwendung einer Monospace-Schriftart. Davon abgesehen klingt das richtig. Der einzige Weg, dies sicher zu wissen, besteht darin, mit der von Ihnen verwendeten Schriftart zu testen (da sie im Verhältnis von Höhe zu Breite ziemlich unterschiedlich sein kann und sich definitiv durch das verwendete Zeichen ändert).

+0

Danke ... das scheint Sinn zu machen – gitparade