Zum Inhalt springen

Typography

font-variant

#font-variant Legt fest, welche Glyphe für jeden Buchstaben zu verwenden ist. default font-variant: normal; Jeder Buchstabe verwendet seine normale Glyphe. Hello world font-variant: small-caps; Jeder Buchstabe wird in seiner klein geschriebenen Version verwendet. Hello world

letter-spacing

#letter-spacing Legt die Abstände zwischen den Zeichen eines Textblocks fest. default letter-spacing: normal; Die Abstände zwischen den Zeichen sind normal. The quick brown fox jumps over the lazy dog letter-spacing: 2px; Sie können Pixel-Werte verwenden. The quick brown fox… 

text-decoration

#text-decoration Defines how the text content of the element is decorated. default text-decoration: none; Entfernt jegliche Textdekoration. Hello world text-decoration: underline; Unterstreicht den Textinhalt. Hello world

font-weight

#font-weight Legt die Stärke des Textes fest. default font-weight: normal; Der Text ist in normaler Stärke. Hello world font-weight: bold; Der Text wird fett. Hello world font-weight: 600; Sie können numerische Werte verwenden. Sie entsprechen alle einer bestimmten Stärke:… 

font-style

#font-style Legt fest, wie stark der Text geneigt ist. default font-style: normal; Der Text ist nicht schräg. Hello world font-style: italic; Verwenden Sie die kursive Version der Schrift: Die Buchstaben sind leicht schräg. Hello world font-style: oblique; Verwenden Sie… 

text-align

#text-align Legt fest, wie der Textinhalt des Elements horizontal ausgerichtet wird. text-align: left; Der Textinhalt ist links ausgerichtet. Hello world Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum…