175 lines
9.6 KiB
HTML
175 lines
9.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
@font-face {
|
|
font-family: "FontFeaturesTestOTF";
|
|
src: url("resources/FontWithFeatures.otf") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: "FontFeaturesTestTTF";
|
|
src: url("resources/FontWithFeatures.ttf") format("truetype");
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
This tests that font features are able to be turned on and off as desired. It uses a special font
|
|
designed specifically for this purpose. The test passes if you see a sequence of alternating check
|
|
marks and X below.
|
|
<div style="font-family: FontFeaturesTestOTF;">AB</div>
|
|
<div style="font-family: FontFeaturesTestTTF;">AB</div>
|
|
<div id="insertionPoint"></div>
|
|
<div id="insertionPoint2"></div>
|
|
<div id="insertionPoint3"></div>
|
|
<div id="insertionPoint4"></div>
|
|
<script>
|
|
var insertionPoint = document.getElementById("insertionPoint");
|
|
var insertionPoint2 = document.getElementById("insertionPoint2");
|
|
var insertionPoint3 = document.getElementById("insertionPoint3");
|
|
var insertionPoint4 = document.getElementById("insertionPoint4");
|
|
function addElement(placeToInsert, familyName, feature, c) {
|
|
["0", "1"].map(function(state) {
|
|
var element = document.createElement("span");
|
|
element.textContent = c;
|
|
element.style.fontFamily = familyName;
|
|
element.style.fontFeatureSettings = '"' + feature + '" ' + state;
|
|
placeToInsert.appendChild(element);
|
|
});
|
|
placeToInsert.appendChild(document.createTextNode(" "));
|
|
}
|
|
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "liga", "C");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "clig", "D");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "dlig", "E");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "hlig", "F");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "calt", "G");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "subs", "H");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "sups", "I");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "smcp", "J");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "c2sc", "K");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "pcap", "L");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "c2pc", "M");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "unic", "N");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "titl", "O");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "lnum", "P");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "onum", "Q");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "pnum", "R");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "tnum", "S");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "frac", "T");
|
|
//addElement(insertionPoint, "FontFeaturesTestOTF", "afrc", "U");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "ordn", "V");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "zero", "W");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "hist", "X");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "jp78", "Y");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "jp83", "Z");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "jp90", "a");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "jp04", "b");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "smpl", "c");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "trad", "d");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "fwid", "e");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "pwid", "f");
|
|
addElement(insertionPoint, "FontFeaturesTestOTF", "ruby", "g");
|
|
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "liga", "C");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "liga", "D");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "clig", "C");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "clig", "D");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "dlig", "G");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "hlig", "I");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "calt", "L");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "subs", "O");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "sups", "P");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "smcp", "S");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "c2sc", "V");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "pcap", "T");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "c2pc", "W");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "unic", "Y");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "titl", "a");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "lnum", "c");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "onum", "d");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "pnum", "f");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "tnum", "g");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "frac", "i");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "afrc", "j");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "ordn", "Q");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "zero", "k");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "hist", "K");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "jp78", "m");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "jp83", "n");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "jp90", "o");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "jp04", "p");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "smpl", "q");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "trad", "r");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "fwid", "t");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "pwid", "u");
|
|
addElement(insertionPoint2, "FontFeaturesTestTTF", "ruby", "v");
|
|
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "liga", "C");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "clig", "D");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "dlig", "E");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "hlig", "F");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "calt", "G");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "subs", "H");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "sups", "I");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "smcp", "J");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "c2sc", "K");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "pcap", "L");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "c2pc", "M");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "unic", "N");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "titl", "O");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "lnum", "P");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "onum", "Q");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "pnum", "R");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "tnum", "S");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "frac", "T");
|
|
//addElement(insertionPoint3, "FontWithFeaturesOTF", "afrc", "U");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "ordn", "V");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "zero", "W");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "hist", "X");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "jp78", "Y");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "jp83", "Z");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "jp90", "a");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "jp04", "b");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "smpl", "c");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "trad", "d");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "fwid", "e");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "pwid", "f");
|
|
addElement(insertionPoint3, "FontWithFeaturesOTF", "ruby", "g");
|
|
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "liga", "C");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "liga", "D");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "clig", "C");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "clig", "D");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "dlig", "G");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "hlig", "I");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "calt", "L");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "subs", "O");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "sups", "P");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "smcp", "S");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "c2sc", "V");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "pcap", "T");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "c2pc", "W");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "unic", "Y");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "titl", "a");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "lnum", "c");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "onum", "d");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "pnum", "f");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "tnum", "g");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "frac", "i");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "afrc", "j");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "ordn", "Q");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "zero", "k");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "hist", "K");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "jp78", "m");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "jp83", "n");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "jp90", "o");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "jp04", "p");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "smpl", "q");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "trad", "r");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "fwid", "t");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "pwid", "u");
|
|
addElement(insertionPoint4, "FontWithFeaturesTTF", "ruby", "v");
|
|
</script>
|
|
</body>
|
|
</html>
|