Detailansichtseite | Hausaufgaben bis 1. Juni 2018

[larsmaeder]

Header-Hero-Bild:

• Proportionen: 21:9 (Bei PNG-Format: 1440x617px)
• SVG, oder PNG (Bei SVG-Format: Fonts in Pfad umwandeln)
• Muss mind. den Schriftname beinhalten
• Freie Gestaltung (Als Inspiration dient: Daltonmaag; Wireframe-Beispiel von uns)
• [x] Noch zu erledigen

Beispiel-Bild:

• Proportionen: 21:9 (Bei PNG-Format: 1440x617px)
• SVG, oder PNG (Bei SVG: Fonts in Pfad umwandeln)
• Freie Gestaltung
• Soll die Merkmale der Schrift gestalterisch hervorheben (kein 0815-Hamburgefonts-Beispiel mit Nr.-Kennzeichnung, wie bereits vorhanden auf der Schriftmuster-Repo.): (Als Inspiration dient: Daltonmaag; Wireframe-Beispiel von uns)
• [x] Noch zu erledigen

Google-Fonts-URL vorbereiten:

1. Google-Fonts Embed-Code für Regular- und Bold-Schnitt vorbereiten. <link href="https://fonts.googleapis.com/css?family=DEINE+FONT:400,700" rel="stylesheet">

2. CSS Definition für Regular und Bold erstellen

   
   .fontname--regular {
   font-family: 'Fontname', sans-serif;
   font-style: ...;
   font-weight: ...;
   }

. . .

- [x] Noch zu erledigen

### Glyphen:
> Wird direkt als HTML-Text platziert.

A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​äöü1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
- [x] Erledigt

### Schrift-Hintergrund Text:
Bereits vorhanden auf der Schriftmuster-Repo.
- [x] Erledigt

### Schrift-Designer Text:
Bereits vorhanden auf der Schriftmuster-Repo.
- [x] Erledigt