Jedes Zeichen auf einer Webseite muss die gleiche Breite haben

Gibt es eine schriftart oder eine CSS-Eigenschaft, dass jedes Zeichen die gleiche Breite, ohne die Notwendigkeit, die Zeichnung, die Sie selbst(.ttf)?

InformationsquelleAutor der Frage Jay | 2011-01-14

  2. 25

    CSS:

    font-family: monospace;

    HTML:

    <tt>

    InformationsquelleAutor der Antwort Ned Batchelder

  3. 12

    Könnte man wählte aus jedem der frei verfügbare Schriften mit fester Breite und integrieren Sie diese in Ihre Website.

    Wenn Sie nicht wollen, um eine schriftart einbinden in Ihre Seite, könnten Sie Folgendes verwenden, um zu nehmen, was monospace (ein anderer Begriff für fixed-width font) zur Verfügung:

    font-family: "Courier New", Courier, monospace;

    InformationsquelleAutor der Antwort Justin Niessner

  4. 4

    Für bestimmte Fälle, über die pre tag,(<pre>text</pre>), vielleicht füllen Sie Ihre Bedürfnisse für Dicktengleiche (fixed width) text. Bei mir hat es geklappt mit HTML5 + Chrome (aktuelle version). Die ttelement ist veraltet.

    Jedoch scheint es, dass die <pre> tag kann nur tags enthält, die als "phrasing content". Siehe "Content-Modell" auf der w3-Dokumentation für diesen tag. Klicken Sie auf den link, um zu sehen, welche Elemente werden als "phrasing content". Natürlich, jeder browser unterstützt möglicherweise eine lockerere version der spec, wenn Sie kümmern sich nicht um gültige HTML-oder cross-browser-Kompatibilität.

    InformationsquelleAutor der Antwort Bryan

  5. 2

    Gibt es eine Reihe von Schriftarten mit einheitlichem Zeichenabstand, der gleich der Breite zu jedem Charakter. Courier und Courier New sind wahrscheinlich die häufigste, und sollte auf so ziemlich jedem system.

    InformationsquelleAutor der Antwort Kaleb Brasee

  6. 1

    Andere Möglichkeit wäre die Verwendung von lettering.js, die würde ein span-element um jeden Buchstaben, Sie können dann die Breite mit css. Das wäre wahrscheinlich nur sinnvoll sein, für kleine Texte, obwohl.

    InformationsquelleAutor der Antwort spiral

Schreibe einen Kommentar