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 17:33] – [WOFF2-Datei besorgen] 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 66: | Zeile 66: | ||
</ | </ | ||
- | + | === CSS-Schnipsel === | |
+ | <code css> | ||
+ | @font-face { | ||
+ | font-family: | ||
+ | font-style: normal; | ||
+ | font-weight: | ||
+ | font-display: | ||
+ | src: url(https:// | ||
+ | | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: | ||
+ | font-style: italic; | ||
+ | font-weight: | ||
+ | font-display: | ||
+ | src: url(https:// | ||
+ | | ||
+ | } | ||
+ | body { font-family: | ||
+ | h1, h2, h3 { font-family: | ||
+ | h1 {font-weight: | ||
+ | h2 {font-style: | ||
+ | </ | ||
+ | === HTML-Beispiel === | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
{{tag> | {{tag> |