Kurs: Schrift ändern

von Thomas Unkelbach - Sonntag, 29. Oktober 2023, 16:43
 

Man kann die Schrift in einem Kurs (oder für Profis: auf der gesamten Instanz) ändern (Dank an @FrauSpeckner). Hier am Beispiel der Grundschulschrift von @FrauSpeckner :

  • Lade dir von dieser Seite http://2ttf.com/Atj1My9YsiY die Datei "GrundschulschriftDS.tff" herunter
  • Lade diese Datei in deinen moodle-Kurs in die Aktivität "Datei" hoch. Du kannst die Aktivität verbergen, musst sie aber im Kurs verfügbar machen.
  • Besorge dir den Download-Link: Den Link zu der Datei erhält man, indem man unter "Einstellungen -> Darstellung" die Option "Download erzwingen" wählt, sich dann die Datei anzeigen lässt und dort den angezeigten Link kopiert. Nach dem Einfügen des Links (später) muss man unbedingt am Anfang des Links "https:" und am Ende des Links "?forcedownload=1" löschen.
  • Lege in deinem moodle-Kurs z.B. einen Textblock an und bezeichne ihn mit "CSS". Texteditor auf "Einfacher Text" ändern.
  • Kopiere in diesen Textblock den folgenden Code:

    <style>
    @font-face {
        font-family: 'GrundschulschriftDS';
        src: url('//2ttf.com/webfont/Atj1My9YsiY/webfont.ttf') format('truetype');
    }

    /* sample using the font */
    body{
        font-family: 'GrundschulschriftDS';
    }</style>

  • Ersetze in der Zeile mit src: url den Teil "//2ttf.com/webfont/Atj1My9YsiY/webfont.ttf" durch den Link zur Datei, z.B. "//selbstlernmaterial-moodle.de/.../GrundschulschriftDS.tff". Und wie gesagt: ?forcedownload=1" löschen
  • Ergänzung: Wenn du im Code statt "body" z.B. "div.grundschulschrift" schreibst, erscheint die neue Schrift nur dort, wo du das Tag "<div class="grundschulschrift">...</div> nutzt.
  • Ergänzung: Profis können die .tff-Datei auch in Base64 kodieren und direkt mit dem Code einfügen; dann kann die Aktivität "Datei" natürlich entfallen.

» Tipps & Tricks der #moodlebande