Widget:FryasFontPicker

Choose a Fryas font:

<select class="picker">

 <option value="latin">Latin</option>
 <option value="standskrift">Standskrift</option>
 <option value="wagumskrift">Wagumskrift</option>

</select>

<script> var lang_picker = document.querySelector("#fryas_font_picker > .picker"); function pick_font(option) {

 var fryas_text = document.getElementById("fryas_text");
 switch (option) {
   case "latin":
     fryas_text.classList.remove("standskrift");
     fryas_text.classList.remove("wagumskrift");
     break;
   case "standskrift":
     fryas_text.classList.add("standskrift");
     fryas_text.classList.remove("wagumskrift");
     break;
   case "wagumskrift":
     fryas_text.classList.remove("standskrift");
     fryas_text.classList.add("wagumskrift");
     break;
 }

} lang_picker.addEventListener("change", (event) => {

 pick_font(lang_picker.value);
 localStorage.setItem("preferred_fryas_font", lang_picker.value);

}); var pref_font = localStorage.getItem("preferred_fryas_font"); if (pref_font != null) {

 lang_picker.value = pref_font;
 pick_font(pref_font);

} </script>