https://schulschrift.at/font-features-familie.js

1function changeSS_U() {
2  let feature_on = "font-feature-settings: 'kern' ,";
3  if (document.getElementById("Uss01").checked) { feature_on += "'ss01' 1,"; }
4  if (document.getElementById("Uss02").checked) { feature_on += "'ss02' 1,"; }
5  if (document.getElementById("Uss03").checked) { feature_on += "'ss03' 1,"; }
6  if (document.getElementById("Uss04").checked) { feature_on += "'ss04' 1,"; }
7  if (document.getElementById("Uss05").checked) { feature_on += "'ss05' 1,"; }
8  if (document.getElementById("Uss06").checked) { feature_on += "'ss06' 1,"; }
9  if (document.getElementById("Uss07").checked) { feature_on += "'ss07' 1,"; }
10  if (document.getElementById("Ucalt").checked) { feature_on += "'calt' 1,"; }
11  if (document.getElementById("Uonum").checked) { feature_on += "'onum' 1,"; }
12  if (document.getElementById("Utnum").checked) { feature_on += "'tnum' 1,"; }
13  if (document.getElementById("Udlig").checked) { feature_on += "'dlig' 1,"; }
14  feature_on = feature_on.slice(0, -1) + ";";
15  let txt = document.getElementsByClassName("upright");
16  for (let i = 0; i < txt.length; i++) {
17    let s = txt[i].style.cssText + " " + feature_on;
18    txt[i].setAttribute("style", s);
19    let spans = txt[i].getElementsByTagName("span");
20    for (let j = 0; j < spans.length; j++) {
21      spans[j].setAttribute("style", spans[j].style.cssText + " " + feature_on);
22    }
23  }
24}
25
26function changeSS_C() {
27  let feature_on = "font-feature-settings: 'kern' 1, 'calt' 1,";
28  if (document.getElementById("Css01").checked) { feature_on += "'ss01' 1,"; }
29  if (document.getElementById("Css02").checked) { feature_on += "'ss02' 1,"; }
30  if (document.getElementById("Css03").checked) { feature_on += "'ss03' 1,"; }
31  if (document.getElementById("Css04").checked) { feature_on += "'ss04' 1,"; }
32  if (document.getElementById("Css05").checked) { feature_on += "'ss05' 1,"; }
33  if (document.getElementById("Css06").checked) { feature_on += "'ss06' 1,"; }
34  if (document.getElementById("Css07").checked) { feature_on += "'ss07' 1,"; }
35  if (document.getElementById("Css08").checked) { feature_on += "'ss08' 1,"; }
36  if (document.getElementById("Css09").checked) { feature_on += "'ss09' 1,"; }
37  if (document.getElementById("Css10").checked) { feature_on += "'ss10' 1,"; }
38  if (document.getElementById("Css11").checked) { feature_on += "'ss11' 1,"; }
39  if (document.getElementById("Css12").checked) { feature_on += "'ss12' 1,"; }
40  if (document.getElementById("Css13").checked) { feature_on += "'ss13' 1,"; }
41  if (document.getElementById("Css14").checked) { feature_on += "'ss14' 1,"; }
42  if (document.getElementById("Css15").checked) { feature_on += "'ss15' 1,"; }
43  if (document.getElementById("Css16").checked) { feature_on += "'ss16' 1,"; }
44  if (document.getElementById("Css17").checked) { feature_on += "'ss17' 1,"; }
45  if (document.getElementById("Css18").checked) { feature_on += "'ss18' 1,"; }
46  if (document.getElementById("Css19").checked) { feature_on += "'ss19' 1,"; }
47  if (document.getElementById("Css20").checked) { feature_on += "'ss20' 1,"; }
48  if (document.getElementById("Cswsh").checked) { feature_on += "'swsh' 1,"; }
49  if (document.getElementById("Conum").checked) { feature_on += "'onum' 1,"; }
50  if (document.getElementById("Ctnum").checked) { feature_on += "'tnum' 1,"; }
51  if (document.getElementById("Cdlig").checked) { feature_on += "'dlig' 1,"; }
52  feature_on = feature_on.slice(0, -1) + ";";
53  let txt = document.getElementsByClassName("italic");
54  for (let i = 0; i < txt.length; i++) {
55    let s = txt[i].style.cssText + " " + feature_on;
56    txt[i].setAttribute("style", s);
57    let spans = txt[i].getElementsByTagName("span");
58    for (let j = 0; j < spans.length; j++) {
59      spans[j].setAttribute("style", spans[j].style.cssText + " " + feature_on);
60    }
61  }
62}
63
64function changeFRAC() {
65  let feature_on = "font-feature-settings: 'kern' 1, 'calt' 1,";
66  if (document.getElementById("Ufrac").checked) { feature_on += "'frac' 1,"; }
67  if (document.getElementById("Cfrac").checked) { feature_on += "'frac' 1,"; }
68  feature_on = feature_on.slice(0, -1) + ";";
69  let txt = document.getElementsByClassName("frac");
70  for (let i = 0; i < txt.length; i++) {
71    txt[i].setAttribute("style", txt[i].style.cssText + " " + feature_on);
72  }
73}
74
75function changeSUPS() {
76  let feature_on = "font-feature-settings: 'kern' 1, 'calt' 1,";
77  if (document.getElementById("Usups").checked) { feature_on += "'sups' 1,"; }
78  if (document.getElementById("Csups").checked) { feature_on += "'sups' 1,"; }
79  feature_on = feature_on.slice(0, -1) + ";";
80  let txt = document.getElementsByClassName("sups");
81  for (let i = 0; i < txt.length; i++) {
82    txt[i].setAttribute("style", txt[i].style.cssText + " " + feature_on);
83  }
84}
85
86function changeSINF() {
87  let feature_on = "font-feature-settings: 'kern' 1, 'calt' 1,";
88  if (document.getElementById("Usinf").checked) { feature_on += "'sinf' 1,"; }
89  if (document.getElementById("Csinf").checked) { feature_on += "'sinf' 1,"; }
90  feature_on = feature_on.slice(0, -1) + ";";
91  let txt = document.getElementsByClassName("sinf");
92  for (let i = 0; i < txt.length; i++) {
93    txt[i].setAttribute("style", txt[i].style.cssText + " " + feature_on);
94  }
95}