/* --------------------------------------------------------------------------- Selbst gehostete Schriften fuer werteundissues.de Ersetzt Adobe Typekit (myriad-pro / chaparral-pro) Source Sans 3 - SIL Open Font License 1.1 Aleo - SIL Open Font License 1.1 Beide duerfen selbst gehostet und kommerziell genutzt werden. Einbau: 1. Schriftdateien nach files/wui/fonts/ legen (Namen siehe unten) 2. Diese Datei als files/wui/css/fonts.css ablegen 3. Im VOR main.css einbinden: --------------------------------------------------------------------------- */ /* ------------------------------- Source Sans 3 --------------------------- */ @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/source-sans-3-regular.woff2") format("woff2"); } @font-face { font-family: "Source Sans 3"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/source-sans-3-italic.woff2") format("woff2"); } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/source-sans-3-600.woff2") format("woff2"); } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/source-sans-3-700.woff2") format("woff2"); } /* ------------------------------------ Aleo ------------------------------- */ @font-face { font-family: "Aleo"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/aleo-regular.woff2") format("woff2"); } @font-face { font-family: "Aleo"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/aleo-italic.woff2") format("woff2"); } @font-face { font-family: "Aleo"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/aleo-700.woff2") format("woff2"); } /* --------------------------------------------------------------------------- Feinjustierung Source Sans 3 laeuft etwas schmaler als Myriad Pro. Falls der Fliesstext zu klein wirkt, hier nachziehen statt in jeder Regel einzeln: --------------------------------------------------------------------------- */ /* body { font-size: 17px; line-height: 1.6; } */