Metainformationen zur Seite
  •  

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
Letzte ÜberarbeitungBeide Seiten der Revision
webfonts [2022/11/13 18:50] – [Ablage auf dem Webserver] cbwebfonts [2022/11/13 18:54] – [WOFF2-Datei besorgen] cb
Zeile 42: Zeile 42:
 === WOFF2-Datei besorgen === === WOFF2-Datei besorgen ===
  
-{{ :sysbetr:screenshotgooglefontsgaramond.png?nolink&400|}}+{{ :sysbetr:screenshotgooglefontsgaramond.png?direct&400|}}
  
 In Stichpunkten um "regular" und "italic" zu erhalten: In Stichpunkten um "regular" und "italic" zu erhalten:
Zeile 67: Zeile 67:
  
 === CSS-Schnipsel === === CSS-Schnipsel ===
-      @font-face {+<code css> 
 +    @font-face {
         font-family: 'EB Garamond';         font-family: 'EB Garamond';
         font-style: normal;         font-style: normal;
Zeile 74: Zeile 75:
         src: url(https://example.de/fonts/EB_Garamond.woff2) format("woff2 supports variations"),         src: url(https://example.de/fonts/EB_Garamond.woff2) format("woff2 supports variations"),
              url(https://example.de/fonts/EB_Garamond.woff2) format("woff2-variations");              url(https://example.de/fonts/EB_Garamond.woff2) format("woff2-variations");
-      } +    } 
-      @font-face {+    @font-face {
         font-family: 'EB Garamond';         font-family: 'EB Garamond';
         font-style: italic;         font-style: italic;
Zeile 82: Zeile 83:
         src: url(https://example.de/fonts/EB_Garamond_Italic.woff2) format("woff2 supports variations"),         src: url(https://example.de/fonts/EB_Garamond_Italic.woff2) format("woff2 supports variations"),
              url(https://example.de/fonts/EB_Garamond_Italic.woff2) format("woff2-variations");              url(https://example.de/fonts/EB_Garamond_Italic.woff2) format("woff2-variations");
-      } +    } 
-      body { font-family: sans-serif; } +    body { font-family: sans-serif; } 
-      h1, h2, h3 { font-family: "EB Garamond";} +    h1, h2, h3 { font-family: "EB Garamond";} 
-      h1 {font-weight: 800;} +    h1 {font-weight: 800;} 
-      h2 {font-style: italic;}+    h2 {font-style: italic;}
 </code> </code>
 === HTML-Beispiel === === HTML-Beispiel ===