Business and Innovation Centre (BIC) Zwickau GmbH
Andreas Sobe
Lessingstr. 4
08058 Zwickau

Telefon: 0375 541-0
Telefax: 0375 541-300
http://bic-zwickau.de

Typografie-Test

Webdesign Chemnitz

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.

Anfrage »

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>

  1. HTML, CSS
  2. JavaScript (kurz JS) ist eine Skriptsprache, die hauptsächlich für dynamisches HTML in Web-Browsern eingesetzt wird.
    1. JavaScript (kurz JS) ist eine Skriptsprache, die hauptsächlich für dynamisches HTML in Web-Browsern eingesetzt wird.
    2. CSS
  3. oder auch XML
  4. 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.
  1. HTML, CSS
  2. JavaScript
    1. Die Hypertext Markup Language (engl. ‚Hypertext-Auszeichnungssprache‘), abgekürzt HTML, ist eine textbasierte...
    2. JavaScript
  3. oder auch XML
  4. 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.

Das hier ist die Caption der Tabelle (wie Ü3)
AutomobilPSPreis
Porsche 911 Carrera411 PSab 90.000 €
BMW 7er350 PSab 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.

AutomobilPreis
Porsche 911 Carreraab 90.000 €
BMW 7erab 74.000 €

Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.

Standard-Galerie

  1. Holztüren HL 700…
  2. Holztüren HL 635…
  3. Holztüren HL 500…
  4. Holztüren HL 303…
  5. Holztüren HL 202…
  6. Holztüren HL 103…
  7. Holztüren HF 12…
  8. Holztüren Variation 26…
 

Mitteilungen

14. November 2010Kinder- und Jugendwochenende 2010 in Radebeul

 
Christian Rummer und Michelle Schwenke

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.

mehr…

 

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.

mehr…

 

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.

mehr…

 

Tag der offenen Tür am 31.10.2010 (Ü3)

 

Tanzen ist Leidenschaft, Tanzen ist Faszination, Tanzen ist gesund

mehr…

 

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.

mehr…

 
 
  • Website vergrößern
  • Druckansicht
Typografie

Typografie

Typografie-Test

Webdesign Chemnitz

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.

Anfrage »

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>

  1. HTML, CSS
  2. JavaScript (kurz JS) ist eine Skriptsprache, die hauptsächlich für dynamisches HTML in Web-Browsern eingesetzt wird.
    1. JavaScript (kurz JS) ist eine Skriptsprache, die hauptsächlich für dynamisches HTML in Web-Browsern eingesetzt wird.
    2. CSS
  3. oder auch XML
  4. 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.
  1. HTML, CSS
  2. JavaScript
    1. Die Hypertext Markup Language (engl. ‚Hypertext-Auszeichnungssprache‘), abgekürzt HTML, ist eine textbasierte...
    2. JavaScript
  3. oder auch XML
  4. 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.

Das hier ist die Caption der Tabelle (wie Ü3)
AutomobilPSPreis
Porsche 911 Carrera411 PSab 90.000 €
BMW 7er350 PSab 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.

AutomobilPreis
Porsche 911 Carreraab 90.000 €
BMW 7erab 74.000 €

Der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt.

Standard-Galerie

  1. Holztüren HL 700…
  2. Holztüren HL 635…
  3. Holztüren HL 500…
  4. Holztüren HL 303…
  5. Holztüren HL 202…
  6. Holztüren HL 103…
  7. Holztüren HF 12…
  8. Holztüren Variation 26…
 

Mitteilungen

14. November 2010Kinder- und Jugendwochenende 2010 in Radebeul

 
Christian Rummer und Michelle Schwenke

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.

mehr…

 

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.

mehr…

 

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.

mehr…

 

Tag der offenen Tür am 31.10.2010 (Ü3)

 

Tanzen ist Leidenschaft, Tanzen ist Faszination, Tanzen ist gesund

mehr…

 

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.

mehr…

 
 

Quelle: https://www155.demo.simpilio.de/Typografie