Skip to content

Commit

Permalink
uploaded Cyrillic PDF proofs of VF
Browse files Browse the repository at this point in the history
alexeiva committed Jun 3, 2020
1 parent 2af5c3e commit aa7bfd1
Showing 5 changed files with 393 additions and 1 deletion.
392 changes: 392 additions & 0 deletions documents/Lora-Italic-VF-fonttest.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,392 @@

<html>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=9">
<head>
<title>OTVar Test: Lora</title>
<style>
@font-face {
font-family: "Lora Italic";
src: url("../fonts/vf/Lora-Italic[wght].ttf");
}
body {
padding: 0;
margin: auto;
overflow-x: hidden;
}
#flexbox {
display: flex;
flex-flow: column;
height: 100%;
}
#controls {
flex: 0 1 auto;
background-color: white;
margin: 2px 0 0 0;
padding: 0;
width: 100%;
border: 0px solid transparent;
height: auto;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}


/* OTVar Sliders: */
.labeldiv {
width: 49.2%;
padding: 0 0 0 0.2%;
margin: auto;
display: inline-block;
}
label {
z-index: 2;
position: absolute;
pointer-events: none;
height: 2em;
margin: 0;
padding: 0.5em 1em;
vertical-align: text-top;
font: x-small sans-serif;
color: black;
opacity: 0.5;
}
.slider {
z-index: 1;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 2em;
border-radius: 5px;
background: #eee;
padding: auto;
margin: auto;
}
.slider::-webkit-slider-thumb {
z-index: 3;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 2em;
border-radius: 5px;
background: #777;
cursor: auto;
}

/* Feature Buttons: */
#featureControls {
font-size: x-small;
font-family: sans-serif;
padding: 0 0.2%;
}
#featureControls .emojiButton {
vertical-align: -50%;
font-size: small;
}
.emojiButton {
cursor: pointer;
}
.otFeatureLabel, .otFeature {
font-size: small;
position: relative;
opacity: 1;
pointer-events: auto;
white-space: nowrap;
}
.otFeatureLabel, select {
padding: 0.2em 0.5em 0.3em 0.5em;
margin: 0 .04em;
line-height: 2em;
color: #666;
background-color: #ddd;
border-radius: 0.3em;
border: 0;
text-align: center;
z-index: 6;
}
select {
position: absolute;
margin: 0.2em 0.5em;
height: 2.1em;
font: x-small sans-serif;
vertical-align: bottom;
}
.otFeature {
visibility: collapse;
margin: 0 -1em 0 0;
}
input[type=checkbox]:checked + label {
visibility: visible;
color: #eee;
background-color: #555;
position: relative;
}
.otFeatureLabel .tooltip {
visibility: hidden;
background-color: #333;
color: white;
text-align: center;
padding: 0px 5px;
top: -2em;
left: 0;
position: absolute;
z-index: 8;
}
.otFeatureLabel:hover .tooltip {
visibility: visible;
}

/* Sample Text Area: */
#textarea {
flex: 1 1 auto;
border: 0 solid transparent;
margin: auto;
padding: 0 0 0.6em 0;
line-height: 1em;
width: 100%;
color: black;
font: 150px "Lora Italic";
font-feature-settings: "kern" on, "liga" on, "calt" on, "locl" on;
-moz-font-feature-settings: "kern" on, "liga" on, "calt" on, "locl" on;
-webkit-font-feature-settings: "kern" on, "liga" on, "calt" on, "locl" on;
-ms-font-feature-settings: "kern" on, "liga" on, "calt" on, "locl" on;
-o-font-feature-settings: "kern" on, "liga" on, "calt" on, "locl" on;
font-variation-settings: "wght" 400;
overflow-x: hidden;
overflow-y: scroll;
word-wrap: break-word;
}
.○ {
-webkit-text-stroke: 1px black;
-webkit-text-fill-color: #FFF0;
}
div:focus {
outline: 0px solid transparent;
}

/* Footer paragraph: */
#helptext {
position: fixed;
background: transparent;
bottom: 0;
width: 100%;
color: #888;
font: x-small sans-serif;
}
a {
color: #333;
}

/* Dark Mode: */
@media (prefers-color-scheme: dark) {
body { background: #000; }
p { color: #eee; }

#textInput{
color: #eee;
background-color: #222;
background: #222;
}
label { color: #fff; }
.otFeatureLabel {
color: #999;
background-color: #333;
}
input[type=checkbox]:checked + label {
color: #111;
background-color: #888;
}

.slider { background: #333; }
.slider::-webkit-slider-thumb { background: #888; }
a { color: #ccc; }

#controls {
background-color: black;
}
#textarea {
color: white;
background-color: black;
}
.○ {
-webkit-text-stroke: 1px white;
-webkit-text-fill-color: #0000;
}
}

</style>
<script>
document.addEventListener('keyup', keyAnalysis);
function setLanguage(lang) {
document.body.setAttribute('lang',lang);
}
function keyAnalysis(event) {
if (event.ctrlKey) {
if (event.code == 'KeyR') {
resetParagraph();
} else if (event.code == 'KeyL') {
setLat1();
} else if (event.code == 'KeyJ') {
toggleLeftRight();
} else if (event.code == 'KeyX') {
toggleInverse();
} else if (event.code == 'KeyC') {
toggleCenter();
}
}
}
function updateFeatures() {
// update features based on user input:
var testtext = getTestText();
var codeLine = "";
var checkboxes = document.getElementsByClassName("otFeature")
for (i = 0; i < checkboxes.length; i++) {
var checkbox = checkboxes[i];
if (i!=0) { codeLine += ", " };
codeLine += '"'+checkbox.name+'" ';
codeLine += checkbox.checked ? '1' : '0';
if (checkbox.name=="kern") {
testtext.style.setProperty("font-kerning", checkbox.checked ? 'normal' : 'none');
} else if (checkbox.name=="liga") {
testtext.style.setProperty("font-variant-ligatures", checkbox.checked ? 'common-ligatures contextual' : 'no-common-ligatures no-contextual');
} else if (checkbox.name=="dlig") {
testtext.style.setProperty("font-variant-ligatures", checkbox.checked ? 'discretionary-ligatures' : 'no-discretionary-ligatures');
} else if (checkbox.name=="hlig") {
testtext.style.setProperty("font-variant-ligatures", checkbox.checked ? 'historical-ligatures' : 'no-historical-ligatures');
}
}
testtext.style.setProperty("font-feature-settings", codeLine);
}
function resetParagraph() {
const defaulttext = "&#x0041; &#x00C1; &#x0102; &#x1EAE; &#x1EB6; &#x1EB0; &#x1EB2; &#x1EB4; &#x01CD; &#x00C2; &#x1EA4; &#x1EAC; &#x1EA6; &#x1EA8; &#x1EAA; &#x00C4; &#x1EA0; &#x00C0; &#x1EA2; &#x0100; &#x0104; &#x00C5; &#x00C3; &#x00C6; &#x0042; &#x0043; &#x0106; &#x010C; &#x00C7; &#x0108; &#x010A; &#x0044; &#x00D0; &#x010E; &#x0110; &#x0045; &#x00C9; &#x0114; &#x011A; &#x00CA; &#x1EBE; &#x1EC6; &#x1EC0; &#x1EC2; &#x1EC4; &#x00CB; &#x0116; &#x1EB8; &#x00C8; &#x1EBA; &#x0112; &#x0118; &#x1EBC; &#x01B7; &#x01EE; &#x0046; &#x0047; &#x011E; &#x01E6; &#x011C; &#x0122; &#x01E4; &#x0048; &#x0126; &#x021E; &#x0124; &#x0049; &#x00CD; &#x012C; &#x00CE; &#x00CF; &#x0130; &#x1ECA; &#x00CC; &#x1EC8; &#x012A; &#x012E; &#x0128; &#x004A; &#x0134; &#x004B; &#x01E8; &#x0136; &#x004C; &#x0139; &#x013D; &#x013B; &#x013F; &#x0141; &#x004D; &#x004E; &#x0143; &#x0147; &#x0145; &#x014A; &#x00D1; &#x004F; &#x00D3; &#x014E; &#x00D4; &#x1ED0; &#x1ED8; &#x1ED2; &#x1ED4; &#x1ED6; &#x00D6; &#x1ECC; &#x00D2; &#x1ECE; &#x01A0; &#x1EDA; &#x1EE2; &#x1EDC; &#x1EDE; &#x1EE0; &#x0150; &#x014C; &#x00D8; &#x01FE; &#x00D5; &#x0152; &#x0050; &#x00DE; &#x0051; &#x0052; &#x0154; &#x0158; &#x0156; &#x0053; &#x015A; &#x0160; &#x015E; &#x015C; &#x0218; &#x1E9E; &#x018F; &#x0054; &#x0166; &#x0164; &#x0162; &#x021A; &#x0055; &#x00DA; &#x016C; &#x01D3; &#x00DB; &#x00DC; &#x1EE4; &#x00D9; &#x1EE6; &#x01AF; &#x1EE8; &#x1EF0; &#x1EEA; &#x1EEC; &#x1EEE; &#x0170; &#x016A; &#x0172; &#x016E; &#x0168; &#x0056; &#x0057; &#x0058; &#x0059; &#x00DD; &#x0178; &#x1EF4; &#x1EF2; &#x1EF6; &#x1EF8; &#x005A; &#x0179; &#x017D; &#x017B; &#x0061; &#x00E1; &#x0103; &#x1EAF; &#x1EB7; &#x1EB1; &#x1EB3; &#x1EB5; &#x01CE; &#x00E2; &#x1EA5; &#x1EAD; &#x1EA7; &#x1EA9; &#x1EAB; &#x00E4; &#x1EA1; &#x00E0; &#x1EA3; &#x0101; &#x0105; &#x00E5; &#x00E3; &#x00E6; &#x0062; &#x0063; &#x0107; &#x010D; &#x00E7; &#x0109; &#x010B; &#x0064; &#x00F0; &#x010F; &#x0111; &#x0065; &#x00E9; &#x0115; &#x011B; &#x00EA; &#x1EBF; &#x1EC7; &#x1EC1; &#x1EC3; &#x1EC5; &#x00EB; &#x0117; &#x1EB9; &#x00E8; &#x1EBB; &#x0113; &#x0119; &#x1EBD; &#x0259; &#x0292; &#x01EF; &#x0066; &#x0067; &#x011F; &#x01E7; &#x011D; &#x0123; &#x01E5; &#x0068; &#x0127; &#x021F; &#x0125; &#x0069; &#x0131; &#x00ED; &#x012D; &#x00EE; &#x00EF; &#x1ECB; &#x00EC; &#x1EC9; &#x012B; &#x012F; &#x0129; &#x006A; &#x0237; &#x0135; &#x006B; &#x01E9; &#x0137; &#x006C; &#x013A; &#x013E; &#x013C; &#x0140; &#x0142; &#x006D; &#x006E; &#x0144; &#x0149; &#x0148; &#x0146; &#x014B; &#x00F1; &#x006F; &#x00F3; &#x014F; &#x00F4; &#x1ED1; &#x1ED9; &#x1ED3; &#x1ED5; &#x1ED7; &#x00F6; &#x1ECD; &#x00F2; &#x1ECF; &#x01A1; &#x1EDB; &#x1EE3; &#x1EDD; &#x1EDF; &#x1EE1; &#x0151; &#x014D; &#x00F8; &#x01FF; &#x00F5; &#x0153; &#x0070; &#x00FE; &#x0071; &#x0072; &#x0155; &#x0159; &#x0157; &#x0073; &#x015B; &#x0161; &#x015F; &#x015D; &#x0219; &#x00DF; &#x017F; &#x0074; &#x0167; &#x0165; &#x0163; &#x021B; &#x0075; &#x00FA; &#x016D; &#x01D4; &#x00FB; &#x00FC; &#x1EE5; &#x00F9; &#x1EE7; &#x01B0; &#x1EE9; &#x1EF1; &#x1EEB; &#x1EED; &#x1EEF; &#x0171; &#x016B; &#x0173; &#x016F; &#x0169; &#x0076; &#x0077; &#x0078; &#x0079; &#x00FD; &#x00FF; &#x1EF5; &#x1EF3; &#x1EF7; &#x1EF9; &#x007A; &#x017A; &#x017E; &#x017C; &#xFB01; &#xFB02; &#x00AA; &#x00BA; &#x0410; &#x0411; &#x0412; &#x0413; &#x0403; &#x0490; &#x0414; &#x0415; &#x0400; &#x0401; &#x0416; &#x0417; &#x0418; &#x0419; &#x040D; &#x048A; &#x041A; &#x040C; &#x041B; &#x041C; &#x041D; &#x041E; &#x041F; &#x0420; &#x0421; &#x0422; &#x0423; &#x040E; &#x0424; &#x0425; &#x0427; &#x0426; &#x0428; &#x0429; &#x040F; &#x042C; &#x042A; &#x042B; &#x0409; &#x040A; &#x0405; &#x0404; &#x042D; &#x0406; &#x0407; &#x0408; &#x040B; &#x042E; &#x042F; &#x0402; &#x0462; &#x046A; &#x0472; &#x0474; &#x0492; &#x0494; &#x0496; &#x0498; &#x049A; &#x049C; &#x049E; &#x04A0; &#x04A2; &#x04A4; &#x0524; &#x04A8; &#x04AA; &#x04AC; &#x04AE; &#x04B0; &#x04B2; &#x04B4; &#x04B6; &#x04B8; &#x04BA; &#x0526; &#x04BC; &#x04BE; &#x04C0; &#x04C1; &#x04C3; &#x04C5; &#x04C7; &#x04C9; &#x04CB; &#x04CD; &#x04D0; &#x04D2; &#x04D4; &#x04D6; &#x04D8; &#x04DA; &#x04DC; &#x04DE; &#x04E0; &#x04E2; &#x04E4; &#x04E6; &#x04E8; &#x04EA; &#x04EC; &#x04EE; &#x04F0; &#x04F2; &#x04F4; &#x04F6; &#x04F8; &#x04FA; &#x04FC; &#x04FE; &#x0510; &#x0512; &#x051A; &#x051C; &#x048C; &#x048E; &#x0528; &#x052E; &#x0430; &#x0431; &#x0432; &#x0433; &#x0453; &#x0491; &#x0434; &#x0435; &#x0450; &#x0451; &#x0436; &#x0437; &#x0438; &#x0439; &#x045D; &#x048B; &#x043A; &#x045C; &#x043B; &#x043C; &#x043D; &#x043E; &#x043F; &#x0440; &#x0441; &#x0442; &#x0443; &#x045E; &#x0444; &#x0445; &#x0447; &#x0446; &#x0448; &#x0449; &#x045F; &#x044C; &#x044A; &#x044B; &#x0459; &#x045A; &#x0455; &#x0454; &#x044D; &#x0456; &#x0457; &#x0458; &#x045B; &#x044E; &#x044F; &#x0452; &#x0463; &#x046B; &#x0473; &#x0475; &#x0493; &#x0495; &#x0497; &#x0499; &#x049B; &#x049D; &#x049F; &#x04A1; &#x04A3; &#x04A5; &#x0525; &#x04A9; &#x04AB; &#x04AD; &#x04AF; &#x04B1; &#x04B3; &#x04B5; &#x04B7; &#x04B9; &#x04BB; &#x0527; &#x04BD; &#x04BF; &#x04CF; &#x04C2; &#x04C4; &#x04C6; &#x04C8; &#x04CA; &#x04CC; &#x04CE; &#x04D1; &#x04D3; &#x04D5; &#x04D7; &#x04D9; &#x04DB; &#x04DD; &#x04DF; &#x04E1; &#x04E3; &#x04E5; &#x04E7; &#x04E9; &#x04EB; &#x04ED; &#x04EF; &#x04F1; &#x04F3; &#x04F5; &#x04F7; &#x04F9; &#x04FB; &#x04FD; &#x04FF; &#x0511; &#x0513; &#x051B; &#x051D; &#x048D; &#x048F; &#x0529; &#x052F; &#x0393; &#x0394; &#x03A0; &#x03A9; &#x03BC; &#x03C0; &#x212B; &#x212A; &#x0030; &#x0031; &#x0032; &#x0033; &#x0034; &#x0035; &#x0036; &#x0037; &#x0038; &#x0039; &#x00B9; &#x00B2; &#x00B3; &#x2074; &#x2044; &#x00BD; &#x00BC; &#x00BE; &#x002E; &#x002C; &#x003A; &#x003B; &#x2026; &#x0021; &#x00A1; &#x003F; &#x00BF; &#x00B7; &#x2022; &#x002A; &#x0023; &#x002F; &#x005C; &#x0028; &#x0029; &#x007B; &#x007D; &#x005B; &#x005D; &#x002D; &#x00AD; &#x2013; &#x2014; &#x2010; &#x005F; &#x201A; &#x201E; &#x201C; &#x201D; &#x2018; &#x2019; &#x00AB; &#x00BB; &#x2039; &#x203A; &#x0022; &#x0027; &#x27E8; &#x27E9; &#x0020; &#x00A0; &#x000D; &#x00A2; &#x00A4; &#x0024; &#x20AC; &#x0192; &#x20B4; &#x20BA; &#x20BD; &#x00A3; &#x20B8; &#x20AE; &#x00A5; &#x2219; &#x2052; &#x2215; &#x002B; &#x2212; &#x00D7; &#x00F7; &#x003D; &#x2260; &#x003E; &#x003C; &#x2265; &#x2264; &#x00B1; &#x2248; &#x007E; &#x00AC; &#x005E; &#x221E; &#x222B; &#x2126; &#x2206; &#x220F; &#x2211; &#x221A; &#x2202; &#x00B5; &#x0025; &#x2030; &#x25CA; &#x0040; &#x0026; &#x00B6; &#x00A7; &#x00A9; &#x00AE; &#x2122; &#x00B0; &#x2032; &#x2033; &#x007C; &#x00A6; &#x2113; &#x2020; &#x2021; &#x212E; &#x2116; &#x02BC; &#x02BB; &#x02C9; &#x0308; &#x0307; &#x0300; &#x0301; &#x030B; &#x0302; &#x030C; &#x0306; &#x030A; &#x0303; &#x0304; &#x0309; &#x031B; &#x0323; &#x0326; &#x0327; &#x0328; &#x0335; &#x0336; &#x00B4; &#x02D8; &#x02C7; &#x00B8; &#x02C6; &#x00A8; &#x02D9; &#x0060; &#x02DD; &#x00AF; &#x02DB; &#x02DA; &#x02DC; &#x0000; &#x1C81; &#x1C85; &#xEFFD; <br /><br />The night passed, and the next day, after dinner, Redruth and I were afoot again and on the road. I said good-bye to Mother and the cove where I had lived since I was born, and the dear old Admiral Benbow—since he was repainted, no longer quite so dear. One of my last thoughts was of the captain, who had so often strode along the beach with his cocked hat, his sabre-cut cheek, and his old brass telescope. Next moment we had turned the corner and my home was out of sight.<br /><br /> Слышен собачий визг. Очумелов глядит в сторону и видит: из дровяного склада купца Пичугина, прыгая на трёх ногах и оглядываясь, бежит собака. За ней гонится человек в ситцевой крахмальной рубахе и расстёгнутой жилетке. Он бежит за ней и, подавшись туловищем вперёд, падает на землю и хватает собаку за задние лапы. Слышен вторично собачий визг и крик: «Не пущай!» Из лавок высовываются сонные физиономии, и скоро около дровяного склада, словно из земли выросши, собирается толпа. " ;
const testtext = getTestText();
testtext.innerHTML = defaulttext;
}
function setLat1() {
const lat1 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz &Agrave;&Aacute;&Acirc;&Atilde;&Auml;&Aring;&AElig;&Ccedil;&Egrave;&Eacute;&Ecirc;&Euml;&Igrave;&Iacute;&Icirc;&Iuml;&ETH;&Ntilde;&Ograve;&Oacute;&Ocirc;&Otilde;&Ouml;&Oslash;&OElig;&THORN;&Ugrave;&Uacute;&Ucirc;&Uuml;&Yacute;&Yuml; &agrave;&aacute;&acirc;&atilde;&auml;&aring;&aelig;&ccedil;&egrave;&eacute;&ecirc;&euml;&igrave;&iacute;&icirc;&iuml;&eth;&ntilde;&ograve;&oacute;&ocirc;&otilde;&ouml;&oslash;&oelig;&thorn;&szlig;&ugrave;&uacute;&ucirc;&uuml;&yacute;&yuml; .,:;&middot;&hellip;&iquest;?&iexcl;!&laquo;&raquo;&lsaquo;&rsaquo; /|&brvbar;\()[]{}_-&ndash;&mdash;&sbquo;&bdquo;&lsquo;&rsquo;&ldquo;&rdquo;&quot;&#x27; #&amp;&sect;@&bull;&shy;*&dagger;&Dagger;&para; +&times;&divide;&plusmn;=&lt;&gt;&not;&mu; ^~&acute;`&circ;&macr;&tilde;&uml;&cedil; &yen;&euro;&pound;$&cent;&curren;&fnof; &trade;&reg;&copy; 1234567890 &ordf;&ordm;&deg;%&permil; &sup1;&sup2;&sup3;&frac14;&frac12;&frac34;";
const testtext = getTestText();
testtext.innerHTML = lat1;
}
function getTestText() {
return document.getElementById("textarea");
}
function updateSlider() {
var body = getTestText();
var sliders = document.getElementsByClassName("slider");
var settingtext = "";
for (var i = 0; i < sliders.length; i++) {
var sliderID = sliders[i].id;
var sliderValue = sliders[i].value;
var label = document.getElementById("label_"+sliderID);
var labelName = label.getAttribute("name");

label.textContent = ""+labelName+": "+sliderValue;

if (sliderID == "fontsize") {
// Text Size Slider
body.style.setProperty("font-size", ""+sliderValue+"px");
label.textContent += "px";
} else if (sliderID == "lineheight") {
// Line Height Slider
body.style.setProperty("line-height", ""+sliderValue/100.0+"em");
label.textContent += "%";
} else {
// OTVar Slider: collect settings
if (settingtext != "") { settingtext += ", " };
settingtext += '"' + sliderID + '" ' + sliderValue;
}
}
// apply OTVar slider settings:
body.style.setProperty("font-variation-settings", settingtext);
}
function vanish(item) {
item.style.setProperty("display", "none");
}
function toggleLeftRight() {
const waterfall = document.getElementById("textarea");
if (waterfall.dir != "rtl") {
waterfall.dir = "rtl";
waterfall.align = "right";
} else {
waterfall.dir = "";
waterfall.align = "";
}
}
function toggleCenter() {
const waterfall = document.getElementById("textarea");
if (waterfall.align != "center") {
waterfall.align = "center";
} else {
if (waterfall.dir == "rtl") {
waterfall.align = "right";
} else {
waterfall.align = "left";
}
}
}
function toggleInverse() {
const testText = document.getElementById("textarea");
if (testText) {
const link = document.getElementById("invert");
if (testText.className == "●") {
testText.className = "○";
link.textContent = "🔳";
} else {
testText.className = "●";
link.textContent = "🔲";
}
}
}
</script>
</head>
<body onload="updateSlider();resetParagraph();document.getElementById('textarea').focus()">
<div id="flexbox">
<div id="controls">
<!-- OTVar Sliders -->
<div class="labeldiv"><label class="sliderlabel" id="label_fontsize" name="Font Size">Font Size</label><input type="range" min="10" max="1000" value="25" class="slider" id="fontsize" oninput="updateSlider();"></div>
<div class="labeldiv"><label class="sliderlabel" id="label_lineheight" name="Line Height">Line Height</label><input type="range" min="30" max="300" value="130" class="slider" id="lineheight" oninput="updateSlider();"></div>
<div class='labeldiv'><label class='sliderlabel' id='label_wght' name='Weight'>Weight</label><input type='range' min='400' max='700' value='400' class='slider' id='wght' oninput='updateSlider();'></div>


<!-- OT features -->
<div id="featureControls">
<a onclick="toggleInverse();" id="invert" class="emojiButton">🔲</a>
<input type="checkbox" name="kern" id="kern" value="kern" class="otFeature" onchange="updateFeatures()" checked><label for="kern" class="otFeatureLabel">kern</label>
<input type="checkbox" name="liga" id="liga" value="liga" class="otFeature" onchange="updateFeatures()" checked><label for="liga" class="otFeatureLabel">liga</label>
<input type="checkbox" name="calt" id="calt" value="calt" class="otFeature" onchange="updateFeatures()" checked><label for="calt" class="otFeatureLabel">calt</label>
<input type="checkbox" name="sups" id="sups" value="sups" class="otFeature" onchange="updateFeatures()"><label for="sups" class="otFeatureLabel">sups</label>
<input type="checkbox" name="frac" id="frac" value="frac" class="otFeature" onchange="updateFeatures()"><label for="frac" class="otFeatureLabel">frac</label>
<input type="checkbox" name="ordn" id="ordn" value="ordn" class="otFeature" onchange="updateFeatures()"><label for="ordn" class="otFeatureLabel">ordn</label>
<input type="checkbox" name="pnum" id="pnum" value="pnum" class="otFeature" onchange="updateFeatures()"><label for="pnum" class="otFeatureLabel">pnum</label>
<input type="checkbox" name="tnum" id="tnum" value="tnum" class="otFeature" onchange="updateFeatures()"><label for="tnum" class="otFeatureLabel">tnum</label>
<input type="checkbox" name="case" id="case" value="case" class="otFeature" onchange="updateFeatures()"><label for="case" class="otFeatureLabel">case</label>

<select id='lang' name='languages' onchange='setLanguage(this.value);'>
<option value=''>No Language</option>
<option value='ro'>Romanian (ROM, ro)</option>
<option value='mo'>Moldavian (MOL, mo)</option>
<option value='ca'>Catalan (CAT, ca)</option>
<option value='sr'>Serbian (SRB, sr)</option>
<option value='cv'>Chuvash (CHU, cv)</option>
<option value='ba'>Bashkir (BSH, ba)</option>
<option value='bg'>Bulgarian (BGR, bg)</option>
</select>
</div>
</div>

<!-- Test Text -->
<div contenteditable="true" spellcheck="false" autocomplete="true" id="textarea" class="">
</div>
</div>

<!-- Disclaimer -->
<p id="helptext" onmouseleave="vanish(this);">
Ctrl-R: Reset Charset. Ctrl-L: Latin1. Ctrl-J: LTR/RTL. Ctrl-C: Center. Ctrl-X: X-Ray. Not working? Please try in a newer macOS or use the <a href="https://www.google.com/chrome/">latest Chrome</a>. Pull mouse across this note to make it disappear.
</p>
</body>
</html>
2 changes: 1 addition & 1 deletion documents/Lora-VF-fonttest.html
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@
<style>
@font-face {
font-family: "Lora";
src: url("../sources/variable_ttf/Lora-VF.ttf");
src: url("../fonts/vf/Lora[wght].ttf");
}
body {
padding: 0;
Binary file added documents/proofs/Lora-Cyrillic-proofs.sketch
Binary file not shown.
Binary file added documents/proofs/PDF/Lora-Cyrillic-proofs.pdf
Binary file not shown.
File renamed without changes.

0 comments on commit aa7bfd1

Please sign in to comment.