Thread "Einsatz alternativer Schriften und Schriftschnitte in Content- und Systemstyle"

Tabs

  • mkunkel
    Matthias Kunkel | mkunkel | 22. Apr 2022, 13:04 Select
    Einsatz alternativer Schriften und Schriftschnitte in Content- und Systemstyle
    Hallo,

    sowohl der System- wie der Content-Style in ILIAS erlauben auch die Nutzung anderer Fonts als die von ILIAS standardmässig mitgelieferte Schrift "OpenSans". In der Praxis beobachte ich aber immer wieder Probleme mit der Nutzung anderer Schriften und Schriftschnitte (als z. B. die Nutzung des dedizierten Schnitts "italic" an Stelle einer vom Browser erzeugten Kursivschrift).

    Für den Fall, dass ihr diese Probleme kennt und gelöst bekommen habt:
    • Wie habt ihr diese Probleme für eure Installation lösen können?
    • Welche Änderungen macht ihr an der Datei font.less?
    • Was ist noch zu beachten?
    Danke für eure Erfahrungen und Tipps.

    Viele Grüße

    Matthias
  • braun
    braun | braun | 25. Apr 2022, 09:35 Select
    Re: Einsatz alternativer Schriften und Schriftschnitte in Content- und Systemstyle

    Hallo Matthias,

    Jeder Schnitt braucht eine eigene Datei die separate eingebunden werden muss. (Datei auf dem Server z.B. im Skin oder im Internet)

    Abhängig dann von angepeilte Browser Unterstützung (z.B. alte IE, …) braucht man diese Dateien in viele Formate (eot, woff2, woff, ttf, svg)

    Ich benutze allerdings nur noch woff2 und woff. (https://caniuse.com/?search=woff)

     

    In font.less mache ich keine Änderungen. Man kann einfach eine neue Datei  myfont.less anlegen und in den Skin.less importieren

    @import "'[PATH_TO_MY_FONT_FOLDER]/myfont.less";

     

    Wenn ich ein Schrift „My Font“ mit 5 Schnitts einbauen möchte (Z.B. 100, 400, 400-italic, bold, bold-italic) brauche ich dann 10 Dateien wie in myfont.less eingebunden

     

    Wenn man versucht ein Schnitt zu benutzen wo keine Datei hinterlegt ist, (z.B. font-family: 'My Font'; font-weight:100; font-style: italic) wird der Browser den Schnitt selber erzeugen, im schlimmsten Fall dann mit eine eigene Schrift ersetzen…

     

    Grüße!

    Attachments
    myfont.less