8
Vanessa Kogelbauer Schrift

Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

Embed Size (px)

Citation preview

Page 1: Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

Vanessa Kogelbauer

Schrift

Page 2: Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

font-weight: bold oder normal

text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

font-variant: normal oder small-caps (Großbuchstaben, die kleiner dargestellt werden)

Typografische Eigenschaften

Page 3: Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

text-decoration: underline, overline oder line-through

text-indent: einrücken, bei negativem Wert ausrücken

text-align: left, right, center, justify (Blocksatz)

<em> tag zeichnet so aus, wie vom Browser vorgeschrieben (meist kursiv); das kann man zurücksetzen

Page 4: Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

Gruppe von Schriftarten, die keine Serifen hat

cursive -Schriften, die einer Handschrift ähnlich sehen

fantasy - Schriften, die dekorativ sind, aber Buchstaben enthalten,

5 generischen Schriftarten

Page 5: Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

monospace - Schriftart, in denen alle Zeichen die gleiche Breite haben

sans-serif -Schriftart ohne Serifen

serif - Schriftart mit Serifen

Page 6: Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

@FontFace

Ist ein Webfont, mit welchen man eine Schrift definieren kann. FontFace hat viele Eigenschaften:

Page 7: Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

in Prozent oder in px angegeben.

Um in Css zugreifen zu können, verwendet man font-size.

Schriftgröße

Page 8: Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)

Basisschriftgröße ist meist 16px.

Em stellt Breite eines Buchstaben ein