Font settings

--------------------------CSS IMPORT
@import url('https://fonts.googleapis.com/css2?family=Georgia:wght@400;700&display=swap');

@font-face {
    font-family: "Dyslexic";
    src: url(fonts/OpenDyslexic-Regular.otf) format("opentype");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "Dyslexic";
    src: url(fonts/OpenDyslexic-Italic.otf) format("opentype");
    font-style: italic;
    font-weight: 400;
}
@font-face {
    font-family: "Dyslexic";
    src: url(fonts/OpenDyslexic-BoldItalic.otf) format("opentype");
    font-style: italic;
    font-weight: 700;
}
@font-face {
     font-family: "Dyslexic";
     src: url(fonts/OpenDyslexic-Bold.otf) format("opentype");
     font-style: normal;
     font-weight: 700;
}
:root {
   --sansserif: 'Montserrat', sans-serif;
   --opendyslexic: "Dyslexic", serif;
   --serif: 'Georgia', serif;
}
--------------------------JAVASCRIPT SETTING
var settingFontFamily = ["Georgia", "Montserrat", "OpenDyslexic"];
var fontFamily = function() {
    var $html = $("html");
        $html.removeClass("sansserif serif opendyslexic");
    switch (settings.fontFamily) {
        case "Georgia":
            $html.addClass("serif");
            break;
    }
    switch (settings.fontFamily) {
        case "Montserrat":
            $html.addClass("sansserif");
            break;
    }
    switch (settings.fontFamily) {
        case "OpenDyslexic":
            $html.addClass("opendyslexic");
            break;
    }
};
Setting.addList("fontFamily", {
    label       : "Change font style.",
    list        : settingFontFamily,
    default     : "Georgia",
    onInit      : fontFamily,
    onChange    : fontFamily
});

--------------------------CSS CLASS
.sansserif body {font-family: var(--sansserif);}
.opendyslexic body {font-family: var(--opendyslexic);}
.serif body {font-family: var(--serif);}

.sansserif .passage, .sansserif #ui-dialog-body {font-family: var(--sansserif);}
.opendyslexic .passage, .opendyslexic #ui-dialog-body {font-family: var(--opendyslexic);}
.serif .passage, .serif #ui-dialog-body {font-family: var(--serif);}