Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- wiki_anleitung:fonts [15/12/2020 18:32] – angelegt conny
+++ wiki_anleitung:fonts [15/12/2020 18:39] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 9: / Zeile 9: @@
 Wir gehen dazu wie folgt vor:
-Man sucht sich z.B. einen kostenlosen Font auf der Seite von Google aus: https://fonts.google.com/
+  - Man sucht sich z.B. einen kostenlosen Font auf der Seite von Google aus: https://fonts.google.com/
+  - Jetzt sollte man auf die folgende Seite wechseln um den Font herunter zu laden: https://google-webfonts-helper.herokuapp.com/fonts
+  - Im Webspace am besten im Hauptverzeichnis einen Ordner "fonts" erstellen
+  - Die entpackten Dateien aus dem Fonts Download in den Ordner "fonts" auf den Webspace kopieren
+  - die Datei /conf/userstyle.css erstellen/ändern wie im Beispiel beschrieben
+Beispiel der userstyle.css
+<code css>
+/* open-sans-regular - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
+}
+body {
+    font: normal 87.5%/1.4 "Open Sans",Arial,sans-serif !important;
+	color: #525255;
+    /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
+    -webkit-text-size-adjust: 100%;
+}
+</code>