-
Notifications
You must be signed in to change notification settings - Fork 84
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update otfeatures-v9.1.js with ";" at end of CSS
- Loading branch information
1 parent
dbb4bc1
commit e846645
Showing
1 changed file
with
83 additions
and
83 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,85 +1,85 @@ | ||
| // http://www.impallari.com/testing/ | ||
| // Version 9.1 | ||
| // Pablo Impallari | ||
| // | ||
| // CSS3 Syntax | ||
|
|
||
| function refreshFeatures() { | ||
|
|
||
| // CSS3 Syntax | ||
| var codeCSS3 = ""; | ||
| if (document.getElementById("kern")) codeCSS3 += !document.getElementById("kern").checked ? '"kern" off, ' : '"kern" on, '; | ||
| if (document.getElementById("liga")) codeCSS3 += !document.getElementById("liga").checked ? '"liga" off, ' : '"liga" on, '; | ||
| if (document.getElementById("calt")) codeCSS3 += !document.getElementById("calt").checked ? '"calt" off, ' : '"calt" on, '; | ||
|
|
||
| if (document.getElementById("dlig")) codeCSS3 += !document.getElementById("dlig").checked ? '' : '"dlig", '; | ||
| if (document.getElementById("hlig")) codeCSS3 += !document.getElementById("hlig").checked ? '' : '"hlig", '; | ||
|
|
||
| if (document.getElementById("swsh")) codeCSS3 += !document.getElementById("swsh").checked ? '' : '"swsh", '; | ||
| // http://www.impallari.com/testing/ | ||
| // Version 9.1 | ||
| // Pablo Impallari | ||
| // | ||
| // CSS3 Syntax | ||
|
|
||
| function refreshFeatures() { | ||
|
|
||
| // CSS3 Syntax | ||
| var codeCSS3 = ""; | ||
| if (document.getElementById("kern")) codeCSS3 += !document.getElementById("kern").checked ? '"kern" off, ' : '"kern" on, '; | ||
| if (document.getElementById("liga")) codeCSS3 += !document.getElementById("liga").checked ? '"liga" off, ' : '"liga" on, '; | ||
| if (document.getElementById("calt")) codeCSS3 += !document.getElementById("calt").checked ? '"calt" off, ' : '"calt" on, '; | ||
|
|
||
| if (document.getElementById("dlig")) codeCSS3 += !document.getElementById("dlig").checked ? '' : '"dlig", '; | ||
| if (document.getElementById("hlig")) codeCSS3 += !document.getElementById("hlig").checked ? '' : '"hlig", '; | ||
|
|
||
| if (document.getElementById("swsh")) codeCSS3 += !document.getElementById("swsh").checked ? '' : '"swsh", '; | ||
| if (document.getElementById("salt")) codeCSS3 += !document.getElementById("salt").checked ? '' : '"salt", '; | ||
| if (document.getElementById("titl")) codeCSS3 += !document.getElementById("titl").checked ? '' : '"titl", '; | ||
|
|
||
| if (document.getElementById("ss01")) codeCSS3 += !document.getElementById("ss01").checked ? '' : '"ss01", '; | ||
| if (document.getElementById("ss02")) codeCSS3 += !document.getElementById("ss02").checked ? '' : '"ss02", '; | ||
| if (document.getElementById("ss03")) codeCSS3 += !document.getElementById("ss03").checked ? '' : '"ss03", '; | ||
| if (document.getElementById("ss04")) codeCSS3 += !document.getElementById("ss04").checked ? '' : '"ss04", '; | ||
| if (document.getElementById("ss05")) codeCSS3 += !document.getElementById("ss05").checked ? '' : '"ss05", '; | ||
| if (document.getElementById("ss06")) codeCSS3 += !document.getElementById("ss06").checked ? '' : '"ss06", '; | ||
| if (document.getElementById("ss07")) codeCSS3 += !document.getElementById("ss07").checked ? '' : '"ss07", '; | ||
| if (document.getElementById("ss08")) codeCSS3 += !document.getElementById("ss08").checked ? '' : '"ss08", '; | ||
| if (document.getElementById("ss09")) codeCSS3 += !document.getElementById("ss09").checked ? '' : '"ss09", '; | ||
| if (document.getElementById("ss10")) codeCSS3 += !document.getElementById("ss10").checked ? '' : '"ss10", '; | ||
| if (document.getElementById("ss11")) codeCSS3 += !document.getElementById("ss11").checked ? '' : '"ss11", '; | ||
| if (document.getElementById("ss12")) codeCSS3 += !document.getElementById("ss12").checked ? '' : '"ss12", '; | ||
| if (document.getElementById("ss13")) codeCSS3 += !document.getElementById("ss13").checked ? '' : '"ss13", '; | ||
| if (document.getElementById("ss14")) codeCSS3 += !document.getElementById("ss14").checked ? '' : '"ss14", '; | ||
| if (document.getElementById("ss15")) codeCSS3 += !document.getElementById("ss15").checked ? '' : '"ss15", '; | ||
| if (document.getElementById("ss16")) codeCSS3 += !document.getElementById("ss16").checked ? '' : '"ss16", '; | ||
| if (document.getElementById("ss17")) codeCSS3 += !document.getElementById("ss17").checked ? '' : '"ss17", '; | ||
| if (document.getElementById("ss18")) codeCSS3 += !document.getElementById("ss18").checked ? '' : '"ss18", '; | ||
| if (document.getElementById("ss19")) codeCSS3 += !document.getElementById("ss19").checked ? '' : '"ss19", '; | ||
| if (document.getElementById("ss20")) codeCSS3 += !document.getElementById("ss20").checked ? '' : '"ss20", '; | ||
|
|
||
| if (document.getElementById("smcp")) codeCSS3 += !document.getElementById("smcp").checked ? '' : '"smcp", '; | ||
| if (document.getElementById("titl")) codeCSS3 += !document.getElementById("titl").checked ? '' : '"titl", '; | ||
|
|
||
| if (document.getElementById("ss01")) codeCSS3 += !document.getElementById("ss01").checked ? '' : '"ss01", '; | ||
| if (document.getElementById("ss02")) codeCSS3 += !document.getElementById("ss02").checked ? '' : '"ss02", '; | ||
| if (document.getElementById("ss03")) codeCSS3 += !document.getElementById("ss03").checked ? '' : '"ss03", '; | ||
| if (document.getElementById("ss04")) codeCSS3 += !document.getElementById("ss04").checked ? '' : '"ss04", '; | ||
| if (document.getElementById("ss05")) codeCSS3 += !document.getElementById("ss05").checked ? '' : '"ss05", '; | ||
| if (document.getElementById("ss06")) codeCSS3 += !document.getElementById("ss06").checked ? '' : '"ss06", '; | ||
| if (document.getElementById("ss07")) codeCSS3 += !document.getElementById("ss07").checked ? '' : '"ss07", '; | ||
| if (document.getElementById("ss08")) codeCSS3 += !document.getElementById("ss08").checked ? '' : '"ss08", '; | ||
| if (document.getElementById("ss09")) codeCSS3 += !document.getElementById("ss09").checked ? '' : '"ss09", '; | ||
| if (document.getElementById("ss10")) codeCSS3 += !document.getElementById("ss10").checked ? '' : '"ss10", '; | ||
| if (document.getElementById("ss11")) codeCSS3 += !document.getElementById("ss11").checked ? '' : '"ss11", '; | ||
| if (document.getElementById("ss12")) codeCSS3 += !document.getElementById("ss12").checked ? '' : '"ss12", '; | ||
| if (document.getElementById("ss13")) codeCSS3 += !document.getElementById("ss13").checked ? '' : '"ss13", '; | ||
| if (document.getElementById("ss14")) codeCSS3 += !document.getElementById("ss14").checked ? '' : '"ss14", '; | ||
| if (document.getElementById("ss15")) codeCSS3 += !document.getElementById("ss15").checked ? '' : '"ss15", '; | ||
| if (document.getElementById("ss16")) codeCSS3 += !document.getElementById("ss16").checked ? '' : '"ss16", '; | ||
| if (document.getElementById("ss17")) codeCSS3 += !document.getElementById("ss17").checked ? '' : '"ss17", '; | ||
| if (document.getElementById("ss18")) codeCSS3 += !document.getElementById("ss18").checked ? '' : '"ss18", '; | ||
| if (document.getElementById("ss19")) codeCSS3 += !document.getElementById("ss19").checked ? '' : '"ss19", '; | ||
| if (document.getElementById("ss20")) codeCSS3 += !document.getElementById("ss20").checked ? '' : '"ss20", '; | ||
|
|
||
| if (document.getElementById("smcp")) codeCSS3 += !document.getElementById("smcp").checked ? '' : '"smcp", '; | ||
| if (document.getElementById("c2sc")) codeCSS3 += !document.getElementById("c2sc").checked ? '' : '"c2sc", '; | ||
| if (document.getElementById("case")) codeCSS3 += !document.getElementById("case").checked ? '' : '"case", '; | ||
|
|
||
| if (document.getElementById("ordn")) codeCSS3 += !document.getElementById("ordn").checked ? '' : '"ordn", '; | ||
|
|
||
| if (document.getElementById("lnum")) codeCSS3 += !document.getElementById("lnum").checked ? '' : '"lnum", '; | ||
| if (document.getElementById("onum")) codeCSS3 += !document.getElementById("onum").checked ? '' : '"onum", '; | ||
| if (document.getElementById("tnum")) codeCSS3 += !document.getElementById("tnum").checked ? '' : '"tnum", '; | ||
| if (document.getElementById("pnum")) codeCSS3 += !document.getElementById("pnum").checked ? '' : '"pnum", '; | ||
|
|
||
| if (document.getElementById("numr")) codeCSS3 += !document.getElementById("numr").checked ? '' : '"numr", '; | ||
| if (document.getElementById("dnom")) codeCSS3 += !document.getElementById("dnom").checked ? '' : '"dnom", '; | ||
| if (document.getElementById("sups")) codeCSS3 += !document.getElementById("sups").checked ? '' : '"sups", '; | ||
| if (document.getElementById("sinf")) codeCSS3 += !document.getElementById("sinf").checked ? '' : '"sinf", '; | ||
|
|
||
| if (document.getElementById("frac")) codeCSS3 += !document.getElementById("frac").checked ? '' : '"frac", '; | ||
| if (document.getElementById("zero")) codeCSS3 += !document.getElementById("zero").checked ? '' : '"zero", '; | ||
|
|
||
| codeCSS3 = codeCSS3.substring(0, codeCSS3.length - 2); | ||
|
|
||
| // Special Case for Fake Small Caps | ||
| var fakeSC = !document.getElementById("fake-smcp").checked ? 'normal' : 'small-caps'; | ||
|
|
||
| // Show Recommended Code | ||
| var recommendedCSS = ""; | ||
| if (fakeSC == 'small-caps') recommendedCSS += "font-variant: " + fakeSC + "<br/>"; | ||
| recommendedCSS += "font-feature-settings: " + codeCSS3 + "<br/>"; | ||
| recommendedCSS += "-moz-font-feature-settings: " + codeCSS3 + "<br/>"; | ||
| recommendedCSS += "-webkit-font-feature-settings: " + codeCSS3 + "<br/>"; | ||
| recommendedCSS += "-ms-font-feature-settings: " + codeCSS3 + "<br/>"; | ||
| recommendedCSS += "-o-font-feature-settings: " + codeCSS3 ; | ||
| $('#csscode').html( recommendedCSS ); | ||
|
|
||
| // Apply the Code | ||
| $('#custom').css("font-variant", fakeSC ); | ||
| $('#custom').css("font-feature-settings", codeCSS3 ); | ||
| $('#custom').css("-moz-font-feature-settings", codeCSS3 ); | ||
| $('#custom').css("-webkit-font-feature-settings", codeCSS3 ); | ||
| $('#custom').css("-ms-font-feature-settings", codeCSS3 ); | ||
| $('#custom').css("-o-font-feature-settings", codeCSS3 ); | ||
|
|
||
| }; | ||
| if (document.getElementById("case")) codeCSS3 += !document.getElementById("case").checked ? '' : '"case", '; | ||
|
|
||
| if (document.getElementById("ordn")) codeCSS3 += !document.getElementById("ordn").checked ? '' : '"ordn", '; | ||
|
|
||
| if (document.getElementById("lnum")) codeCSS3 += !document.getElementById("lnum").checked ? '' : '"lnum", '; | ||
| if (document.getElementById("onum")) codeCSS3 += !document.getElementById("onum").checked ? '' : '"onum", '; | ||
| if (document.getElementById("tnum")) codeCSS3 += !document.getElementById("tnum").checked ? '' : '"tnum", '; | ||
| if (document.getElementById("pnum")) codeCSS3 += !document.getElementById("pnum").checked ? '' : '"pnum", '; | ||
|
|
||
| if (document.getElementById("numr")) codeCSS3 += !document.getElementById("numr").checked ? '' : '"numr", '; | ||
| if (document.getElementById("dnom")) codeCSS3 += !document.getElementById("dnom").checked ? '' : '"dnom", '; | ||
| if (document.getElementById("sups")) codeCSS3 += !document.getElementById("sups").checked ? '' : '"sups", '; | ||
| if (document.getElementById("sinf")) codeCSS3 += !document.getElementById("sinf").checked ? '' : '"sinf", '; | ||
|
|
||
| if (document.getElementById("frac")) codeCSS3 += !document.getElementById("frac").checked ? '' : '"frac", '; | ||
| if (document.getElementById("zero")) codeCSS3 += !document.getElementById("zero").checked ? '' : '"zero", '; | ||
|
|
||
| codeCSS3 = codeCSS3.substring(0, codeCSS3.length - 2); | ||
|
|
||
| // Special Case for Fake Small Caps | ||
| var fakeSC = !document.getElementById("fake-smcp").checked ? 'normal' : 'small-caps'; | ||
|
|
||
| // Show Recommended Code | ||
| var recommendedCSS = ""; | ||
| if (fakeSC == 'small-caps') recommendedCSS += "font-variant: " + fakeSC + "; <br/>"; | ||
| recommendedCSS += "font-feature-settings: " + codeCSS3 + "; <br/>"; | ||
| recommendedCSS += "-moz-font-feature-settings: " + codeCSS3 + "; <br/>"; | ||
| recommendedCSS += "-webkit-font-feature-settings: " + codeCSS3 + "; <br/>"; | ||
| recommendedCSS += "-ms-font-feature-settings: " + codeCSS3 + "; <br/>"; | ||
| recommendedCSS += "-o-font-feature-settings: " + codeCSS3 + ";"; | ||
| $('#csscode').html( recommendedCSS ); | ||
|
|
||
| // Apply the Code | ||
| $('#custom').css("font-variant", fakeSC ); | ||
| $('#custom').css("font-feature-settings", codeCSS3 ); | ||
| $('#custom').css("-moz-font-feature-settings", codeCSS3 ); | ||
| $('#custom').css("-webkit-font-feature-settings", codeCSS3 ); | ||
| $('#custom').css("-ms-font-feature-settings", codeCSS3 ); | ||
| $('#custom').css("-o-font-feature-settings", codeCSS3 ); | ||
|
|
||
| }; |