Designing Interaction in XS // Schriften in HTML

 

Arial, Helvetica, sans-serif in einfachem HTML

The quick brown fox jumps over the lazy dog ... size=1

The quick brown fox jumps over the lazy dog ... size=2

The quick brown fox jumps over the lazy dog ... size=3

The quick brown fox jumps over the lazy dog ... size=4

The quick brown fox jumps over the lazy dog ... size=5

The quick brown fox jumps over the lazy dog ... size=6

The quick brown fox jumps over the lazy dog ... size=7

 

Arial, Helvetica, sans-serif in CSS span-tag size="2"

The quick brown fox jumps over the lazy dog ... font-size=0.3em
The quick brown fox jumps over the lazy dog ... font-size=0.5em
The quick brown fox jumps over the lazy dog ... font-size=0.75em
The quick brown fox jumps over the lazy dog ... font-size=1.0em
The quick brown fox jumps over the lazy dog ... font-size=1.25em

 

Arial, Helvetica, sans-serif in CSS span-tag size="6"

The quick brown fox jumps over the lazy dog ... font-size=0.3em
The quick brown fox jumps over the lazy dog ... font-size=0.5em
The quick brown fox jumps over the lazy dog ... font-size=0.75em
The quick brown fox jumps over the lazy dog ... font-size=1.0em
The quick brown fox jumps over the lazy dog ... font-size=1.25em