Metainformationen zur Seite
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
webfonts [2022/11/13 18:50] – [Ablage auf dem Webserver] cb | webfonts [2022/11/13 18:55] (aktuell) – [WOFF2-Datei besorgen] cb | ||
---|---|---|---|
Zeile 42: | Zeile 42: | ||
=== WOFF2-Datei besorgen === | === WOFF2-Datei besorgen === | ||
- | {{ : | + | {{ : |
In Stichpunkten um " | In Stichpunkten um " | ||
* Wähle deinen Wunschfont in Google-Fonts | * Wähle deinen Wunschfont in Google-Fonts | ||
- | * klicke zwei Dicken sowohl regular, als auch italic an (siehe rechte Abbildung) | + | * klicke zwei Dicken sowohl regular, als auch italic an (Klick auf die rechte Abbildung) |
* öffne die in "< | * öffne die in "< | ||
* Suche in der Datei die vier Absätze mit " | * Suche in der Datei die vier Absätze mit " | ||
Zeile 67: | Zeile 67: | ||
=== CSS-Schnipsel === | === CSS-Schnipsel === | ||
- | | + | <code css> |
+ | | ||
font-family: | font-family: | ||
font-style: normal; | font-style: normal; | ||
Zeile 74: | Zeile 75: | ||
src: url(https:// | src: url(https:// | ||
| | ||
- | | + | |
- | @font-face { | + | @font-face { |
font-family: | font-family: | ||
font-style: italic; | font-style: italic; | ||
Zeile 82: | Zeile 83: | ||
src: url(https:// | src: url(https:// | ||
| | ||
- | | + | |
- | body { font-family: | + | body { font-family: |
- | h1, h2, h3 { font-family: | + | h1, h2, h3 { font-family: |
- | h1 {font-weight: | + | h1 {font-weight: |
- | h2 {font-style: | + | h2 {font-style: |
</ | </ | ||
=== HTML-Beispiel === | === HTML-Beispiel === |