Typografie-Test
Typografie-Test

Text-Formatierungen
unterstrichen, durchgestrichen, fett, kursiv, fett+kursiv, kursiv+fett
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer (fett) vorkommt, springe ich (fett+kursiv) ein: der Blindtext.
Und weil Sie nun schon (durchgestrichen) die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit (unterstrichen) nutzen, Ihnen nicht nur als Lückenfüller zu (kursiv+fett) dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards (kursiv) nämlich.
Abkürzungen <abbr>, Akronyme <acronym> und Spezialklasse .help
Der Text aus HTML (acronym) lässt auf sich warten. Damit das Layout (help) nun nicht nackt im Raume steht und sich klein und leer vorkommt usw. (abbr)
Links
Und weil Sie nun schon die Güte (interner Link) haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen (Sprunganker) nicht nur als Lückenfüller (externer Link) zu dienen.
hochgestellt <sup>, tiefgestellt <sub>
Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (CO2 (tiefgestellt), AVAIL® (hochgestellt) and Wefox™ (normal) are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.
extrem lange Wörter und Spezialklasse .nowrap
UnddasistmaleinsehrsehrsehrlangesWortwelchesineinigenälternBrowsernmöglicherweiseamBoxrandabgeschnittenist.
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht testen wir jetzt die Klasse nowrap in diesem Textabsatz „einfach erfolgreich im Internet“ dadurch wird unser Slogan nicht umgebrochen.
Sonderzeichen
" , & , < , > , , ¡ , ¢ , £ , ¤ , ¥ , ¦ , § , ¨ , © , ª , « , ¬ , , ® , ¯ , ° , ± , ² , ³ , ´ , µ , ¶ , · , ¸ , ¹ , º , » , ¼ , ½ , ¾ , ¿ , À , Á ,  , à , Ä , Å , Æ , Ç , È , É , Ê , Ë , Ì , Í , Î , Ï , Ð , Ñ , Ò , Ó , Ô , Õ , Ö , × , Ø , Ù , Ú , Û , Ü , Ý , Þ , ß , à , á , â , ã , ä , å , æ , ç , è , é , ê , ë , ì , í , î , ï , ð , ñ , ò , ó , ô , õ , ö , ÷ , ø , ù , ú , û , ü , ý , þ , ÿ , Α , α , Β , β , Γ , γ , Δ , δ , Ε , ε , Ζ , ζ , Η , η , Θ , θ , Ι , ι , Κ , κ , Λ , λ , Μ , μ , Ν , ν , Ξ , ξ , Ο , ο , Π , π , Ρ , ρ , Σ , ς , σ , Τ , τ , Υ , υ , Φ , φ , Χ , χ , Ψ , ψ , Ω , ω , ϑ , ϒ , ϖ , ∀ , ∂ , ∃ , ∅ , ∇ , ∈ , ∉ , ∋ , ∏ , ∑ , − , ∗ , √ , ∝ , ∞ , ∠ , ∧ , ∨ , ∩ , ∪ , ∫ , ∴ , ∼ , ≅ , ≈ , ≠ , ≡ , ≤ , ≥ , ⊂ , ⊃ , ⊄ , ⊆ , ⊇ , ⊕ , ⊗ , ⊥ , ⋅ , ◊ , ⌈ , ⌉ , ⌊ , ⌋ , 〈 , 〉 , ← , ↑ , → , ↓ , ↔ , ↵ , ⇐ , ⇑ , ⇒ , ⇓ , ⇔ , • , ′ , ″ , ‾ , ⁄ , ℘ , ℑ , ℜ , ™ , € , ℵ , ♠ , ♣ , ♥ , ♦ , Œ , œ , Š , š , Ÿ , ƒ , , , , , , , , – , — , ‘ , ’ , ‚ , “ , ” , „ , † , ‡ , … , ‰ , ‹ , › , ˆ , ˜
Blocksatz, rechtsbündig
Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüllerlängerwort zu dienen, sondern auf etwas hinzuweisen, das es ebenso verd wahrgenommenundlangwort zu werden: Webstandards nämlich.
Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.
Querstriche <hr>
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Überschriften (Ü1)
Überschriften (Ü2)
Überschriften (Ü3)
Überschriften (Ü4)
Überschriften (Ü5)
Überschriften (Ü6)
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Listen
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
<ul>
- Genau zu diesem Zwecke erschaffen,
- immer im Schatten meines großen Bruders »Lorem Ipsum«
- freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen.
<ol>
- HTML, CSS
- JavaScript (kurz JS) ist eine Skriptsprache, die hauptsächlich für dynamisches HTML in Web-Browsern eingesetzt wird.
- JavaScript (kurz JS) ist eine Skriptsprache, die hauptsächlich für dynamisches HTML in Web-Browsern eingesetzt wird.
- CSS
- oder auch XML
- usw.
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Listen und Bilder
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.

- HTML, CSS
- Die Hypertext Markup Language (engl. Hypertext-Auszeichnungssprache), abgekürzt HTML, ist eine textbasierte...
- usw.
- HTML, CSS
- JavaScript
- Die Hypertext Markup Language (engl. ‚Hypertext-Auszeichnungssprache‘), abgekürzt HTML, ist eine textbasierte...
- JavaScript
- oder auch XML
- usw.
Definitions-List <dl>
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
- AA
- Auto Answer (Modem)
- AAE
- Allgemeine Anschalte-Erlaubnis
- AARP
- Appletalk Address Resolution Protocol
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Quelltext-Formatierung mit <pre>
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
sup {vertical-align:super!important;}
sub {vertical-align:sub!important;}
dl, p, pre, address {font-size:0.9375em; line-height:140%;}
pre {clear:both; margin:0.5em 0; width:auto; padding:0.5em; font-size:1em; line-height:130%; background-color:#eee; border:1px solid #ccc; overflow:auto;}Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Adressen
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Sein ist wahrgenommen werden.Auch wenn als
Address-Block formatiert.
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Zitatblöcke <blockquote> und Quellangaben <cite>
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
„Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz. In diese Spiel es waren zwei, drei diese Spieler waren schwach wie eine Flasche leer!“
Trapattoni
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Tabelle mit Überschrift <caption>
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
| Automobil | PS | Preis |
|---|---|---|
| Porsche 911 Carrera | 411 PS | ab 90.000 € |
| BMW 7er | 350 PS | ab 74.000 € |
Tabelle ohne Überschrift
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
| Automobil | Preis |
|---|---|
| Porsche 911 Carrera | ab 90.000 € |
| BMW 7er | ab 74.000 € |
Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.
Mitteilungen
14. November 2010Kinder- und Jugendwochenende 2010 in Radebeul
Christian Rummer und Michelle Schwenke erreichten bei ihrem ersten Turnier Platz 4 von 10 Paaren. Maximilian Müller und Elisabeth Schlemmer standen an diesem Wochenende dreimal auf dem Treppchen.
31. Oktober 2010Tag der offenen Tür 2010 mit großem Erfolg
Zum deutschlandweiten Tag des Tanzes hatte der TSC Silberschwan Zwickau zum Tag der offenen Tür am 31.10.2010 eingeladen.
24. Oktober 2010Erfolg für Selina und Tobias
Die Teilnahme am Franken Dance Festival 2010 in Roth war für die Beiden ein voller Erfolg.
Tag der offenen Tür am 31.10.2010 (Ü3)
Tanzen ist Leidenschaft, Tanzen ist Faszination, Tanzen ist gesund
16. Januar 2010Erfolgreicher Start in das Jahr 2010
Marcel Winkler und Liz Langheinrich starteten am 16.01. erstmals in der Klasse Jugend D und waren mit ihrem Ergebnis sehr zufrieden.
© Viridi, Orthstraße 9, 09131 Chemnitz
Quelle: https://www279.demo.simpilio.de/Typografie










