Schrift/ Font

color: #FF9F00; = Schriftfarbe
font-size: 28pt;" = Schriftgröße
font-family: arial, "lucida console", sans-serif; = Schriftart
Wenn man eine Schriftart nutzen möchte, die nicht sicher beim Besucher installiert ist, kann man auch via CSS eine Schriftart beim Besucher herunterladen lassen mit folgendem Code:
@font-face {
font-family:'garamond';
src:url('/style/font/garamond.ttf') format('truetype');


font-weight:bold; bold, bolder und lighter
font-style:italic; italic = kursiv oblique = schräggestellt normal = normal
text-indent:1.5em; Einrückung der ersten Zeile eines Textblockes
text-align: center; right, left, justify


line-height: 0.5em;

direction = Schreibrichtung ltr, rtl, Inherit


writing-mode: vertical-rl; & text-orientation: upright; Buchstaben stehen gerade aber untereinander

writing-mode: vertical-rl; Text steht vertikal
writing-mode: vertical-lr;
text-orientation: upright

letter-spacing = Zeichenabstand

line-height = Zeilenhöhe

text-align = Horizontale Ausrichtung

text-decoration = Textdekoration none, underline, overline, line-through

text-decoration: underline;

text-decoration: underline; text-decoration-skip-ink: auto; > Lücken
text-decoration: underline; text-decoration-skip-ink: none; > ohne Lücken

text-underline-position: under;

text-decoration: line-through;text-decoration-color: purple;


text-decoration-style: underline wavy;

text-decoration: underline wavy purple;

text-indent = Texteinrückung der 1. Zeile

text-transform = Großschreibung lowercase, uppercase, capitalize, none

word-spacing = Wortabstand

text-shadow {text-shadow: #c0c0c0 3px 3px 5px};
text-shadow Textschatten: Farbe X-Achsenverschiebung Y-Achsenverschiebung Streuung

first-letter {font-size:4em;} - funktioniert nicht inline! Objekt ansprechen


Beispiele

Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift. Schriften mit Serifen (Standfüßchen) font-family:courier, serif; Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift. Schriften mit Serifen (Standfüßchen) font-family:courier, serif; Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift. Schriften mit Serifen (Standfüßchen) font-family:courier, serif;

Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift.
Schriften mit Serifen (Standfüßchen) font-family:courier, serif; Schriftart: wenn vorhanden Arial, wenn nicht
vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene
serifenlose Schrift. Schriften mit Serifen (Standfüßchen)
font-family:courier, serif; Schriftart:
wenn vorhanden Arial, wenn
nicht vorhanden,
dann
lucida
console und wenn
diese nicht vorhanden, dann
eine vorhandene serifenlose Schrift. Schriften
serifenlose Schrift. Schriften mit Serifen (Standfüßchen)
vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene
Schriften mit Serifen (Standfüßchen) font-family:courier, serif; Schriftart: wenn vorhanden Arial, wenn nicht
Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift.

Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift. Schriften mit Serifen (Standfüßchen) font-family:courier, serif; Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift. Schriften mit Serifen (Standfüßchen) font-family:courier, serif; Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann lucida console und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift. Schriften mit Serifen (Standfüßchen) font-family:courier, serif;