|
|
|
|
|
<head>
|
|
|
|
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
|
|
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=9" />
|
|
|
|
|
|
<title>IRANSansX</title>
|
|
|
|
|
|
<style type="text/css" media="screen">
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-Thin'; src: url('fonts/woff/IRANSansX-Thin.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-UltraLight'; src: url('fonts/woff/IRANSansX-UltraLight.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-Light'; src: url('fonts/woff/IRANSansX-Light.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-Regular'; src: url('fonts/woff/IRANSansX-Regular.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-Medium'; src: url('fonts/woff/IRANSansX-Medium.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-DemiBold'; src: url('fonts/woff/IRANSansX-DemiBold.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-Bold'; src: url('fonts/woff/IRANSansX-Bold.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-ExtraBold'; src: url('fonts/woff/IRANSansX-ExtraBold.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-Black'; src: url('fonts/woff/IRANSansX-Black.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-ExtraBlack'; src: url('fonts/woff/IRANSansX-ExtraBlack.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF IRANSansX-Heavy'; src: url('fonts/woff/IRANSansX-Heavy.woff'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-Thin'; src: url('fonts/woff2/IRANSansX-Thin.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-UltraLight'; src: url('fonts/woff2/IRANSansX-UltraLight.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-Light'; src: url('fonts/woff2/IRANSansX-Light.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-Regular'; src: url('fonts/woff2/IRANSansX-Regular.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-Medium'; src: url('fonts/woff2/IRANSansX-Medium.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-DemiBold'; src: url('fonts/woff2/IRANSansX-DemiBold.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-Bold'; src: url('fonts/woff2/IRANSansX-Bold.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-ExtraBold'; src: url('fonts/woff2/IRANSansX-ExtraBold.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-Black'; src: url('fonts/woff2/IRANSansX-Black.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-ExtraBlack'; src: url('fonts/woff2/IRANSansX-ExtraBlack.woff2'); }
|
|
|
|
|
|
@font-face { font-family: 'WOFF2 IRANSansX-Heavy'; src: url('fonts/woff2/IRANSansX-Heavy.woff2'); }
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
font-family: "WOFF IRANSansX-thin";
|
|
|
|
|
|
font-feature-settings: "kern" on, "liga" on, "calt" on;
|
|
|
|
|
|
-moz-font-feature-settings: "kern" on, "liga" on, "calt" on;
|
|
|
|
|
|
-webkit-font-feature-settings: "kern" on, "liga" on, "calt" on;
|
|
|
|
|
|
-ms-font-feature-settings: "kern" on, "liga" on, "calt" on;
|
|
|
|
|
|
-o-font-feature-settings: "kern" on, "liga" on, "calt" on;
|
|
|
|
|
|
}
|
|
|
|
|
|
p { padding: 5px; margin: 10px; }
|
|
|
|
|
|
.features {
|
|
|
|
|
|
font-size:x-small;
|
|
|
|
|
|
font:sans-serif;
|
|
|
|
|
|
}
|
|
|
|
|
|
.label{
|
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
|
font-size: x-small;
|
|
|
|
|
|
color: grey;
|
|
|
|
|
|
}
|
|
|
|
|
|
span#p08 { font-size: 10pt; }
|
|
|
|
|
|
span#p09 { font-size: 11pt; }
|
|
|
|
|
|
span#p10 { font-size: 12pt; }
|
|
|
|
|
|
span#p11 { font-size: 13pt; }
|
|
|
|
|
|
span#p12 { font-size: 14pt; }
|
|
|
|
|
|
span#p13 { font-size: 15pt; }
|
|
|
|
|
|
span#p14 { font-size: 16pt; }
|
|
|
|
|
|
span#p15 { font-size: 17pt; }
|
|
|
|
|
|
span#p16 { font-size: 18pt; }
|
|
|
|
|
|
span#largeParagraph { font-size: 36pt; }
|
|
|
|
|
|
span#veryLargeParagraph { font-size: 72pt; }
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
function updateParagraph() {
|
|
|
|
|
|
// update paragraph text based on user input:
|
|
|
|
|
|
var txt = document.getElementById('textInput');
|
|
|
|
|
|
var paragraphs = ['p08','p09','p10','p11','p12','p13','p14','p15','p16','largeParagraph','veryLargeParagraph'];
|
|
|
|
|
|
for (i = 0; i < paragraphs.length; i++) {
|
|
|
|
|
|
paragraphID = paragraphs[i];
|
|
|
|
|
|
var paragraph = document.getElementById(paragraphID);
|
|
|
|
|
|
paragraph.textContent = txt.value;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function updateFeatures() {
|
|
|
|
|
|
// update features based on user input:
|
|
|
|
|
|
// first, get feature on/off line:
|
|
|
|
|
|
var cssCode = "";
|
|
|
|
|
|
var codeLine = "";
|
|
|
|
|
|
var checkboxes = document.getElementsByClassName("otFeature")
|
|
|
|
|
|
for (i = 0; i < checkboxes.length; i++) {
|
|
|
|
|
|
var checkbox = checkboxes[i];
|
|
|
|
|
|
codeLine += '"'+checkbox.name+'" ';
|
|
|
|
|
|
codeLine += checkbox.checked ? 'on, ' : 'off, ';
|
|
|
|
|
|
if (checkbox.name=="kern") {
|
|
|
|
|
|
cssCode += "font-kerning: "
|
|
|
|
|
|
cssCode += checkbox.checked ? 'normal; ' : 'none; ';
|
|
|
|
|
|
} else if (checkbox.name=="liga") {
|
|
|
|
|
|
codeLine += '"clig" '
|
|
|
|
|
|
codeLine += checkbox.checked ? 'on, ' : 'off, ';
|
|
|
|
|
|
cssCode += "font-variant-ligatures: "
|
|
|
|
|
|
cssCode += checkbox.checked ? 'common-ligatures contextual; ' : 'no-common-ligatures no-contextual; ';
|
|
|
|
|
|
} else if (checkbox.name=="dlig") {
|
|
|
|
|
|
cssCode += "font-variant-ligatures: "
|
|
|
|
|
|
cssCode += checkbox.checked ? 'discretionary-ligatures; ' : 'no-discretionary-ligatures; ';
|
|
|
|
|
|
} else if (checkbox.name=="hlig") {
|
|
|
|
|
|
cssCode += "font-variant-ligatures: "
|
|
|
|
|
|
cssCode += checkbox.checked ? 'historical-ligatures; ' : 'no-historical-ligatures; ';
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
codeLine = codeLine.slice(0, -2)
|
|
|
|
|
|
|
|
|
|
|
|
// then, apply line for every browser:
|
|
|
|
|
|
var prefixes = ["","-moz-","-webkit-","-ms-","-o-",];
|
|
|
|
|
|
var suffix = "font-feature-settings: "
|
|
|
|
|
|
for (i = 0; i < prefixes.length; i++) {
|
|
|
|
|
|
var prefix = prefixes[i];
|
|
|
|
|
|
cssCode += prefix
|
|
|
|
|
|
cssCode += suffix
|
|
|
|
|
|
cssCode += codeLine
|
|
|
|
|
|
cssCode += "; "
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById('fontTestBody').style.cssText = cssCode;
|
|
|
|
|
|
document.getElementById('featureLine').innerHTML = cssCode.replace(/;/g,";<br/>");
|
|
|
|
|
|
changeFont();
|
|
|
|
|
|
}
|
|
|
|
|
|
function changeFont() {
|
|
|
|
|
|
var selector = document.getElementById('fontFamilySelector');
|
|
|
|
|
|
var selected_index = selector.selectedIndex;
|
|
|
|
|
|
var selected_option_text = selector.options[selected_index].text;
|
|
|
|
|
|
document.getElementById('fontTestBody').style.fontFamily = selected_option_text;
|
|
|
|
|
|
}
|
|
|
|
|
|
function setDefaultText(defaultText) {
|
|
|
|
|
|
document.getElementById('textInput').value = decodeEntities(defaultText);
|
|
|
|
|
|
updateParagraph();
|
|
|
|
|
|
}
|
|
|
|
|
|
function setLat1() {
|
|
|
|
|
|
var lat1 = "abcdefghijklm nopqrstuvwxyz ABCDEFGHIJKLM NOPQRSTUVWXYZ ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØŒÞÙÚÛÜÝŸ àáâãäåæçèéêëìíîïðñòóôõöøœþßùúûüýÿ .,:;·…¿?¡!«»‹› /|¦\()[]{}_-–—‚„‘’“”"' #&§@•­*†‡¶ +×÷±=<>¬μ ^~´`ˆ¯˜¨¸ ¥€£$¢¤ƒ ™®© 1234567890 ªº°%‰ ¹²³¼½¾";
|
|
|
|
|
|
return setDefaultText(lat1);
|
|
|
|
|
|
}
|
|
|
|
|
|
function setCharset() {
|
|
|
|
|
|
var completeCharSet = "A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ء ا ﺎ أ ﺄ إ ﺈ آ ﺂ ٱ ﭑ ٮ ب ﺐ ﺒ ﺑ پ ﭗ ﭙ ﭘ ت ﺖ ﺘ ﺗ ث ﺚ ﺜ ﺛ ج ﺞ ﺠ ﺟ چ ﭻ ﭽ ﭼ ح ﺢ ﺤ ﺣ خ ﺦ ﺨ ﺧ د ﺪ ذ ﺬ ر ﺮ ز ﺰ ژ ﮋ س ﺲ ﺴ ﺳ ش ﺶ ﺸ ﺷ ص ﺺ ﺼ ﺻ ض ﺾ ﻀ ﺿ ط ﻂ ﻄ ﻃ ظ ﻆ ﻈ ﻇ ع ﻊ ﻌ ﻋ غ ﻎ ﻐ ﻏ ف ﻒ ﻔ ﻓ ڤ ﭫ ﭭ ﭬ ڡ ٯ ق ﻖ ﻘ ﻗ ك ﻚ ﻜ ﻛ ک ﮏ ﮑ ﮐ گ ﮓ ﮕ ﮔ ل ﻞ ﻠ ﻟ م ﻢ ﻤ ﻣ ن ﻦ ﻨ ﻧ ں ﮟ ه ﻪ ﻬ ﻫ ۀ ﮤ ﮥ ة ﺔ و ﻮ ؤ ﺆ ى ﻰ ي ﻲ ﻴ ﻳ ئ ﺊ ﺌ ﺋ ی ﯽ ﯿ ﯾ ـ ﻻ ﻼ ﻷ ﻸ ﻹ ﻺ ﻵ ﻶ ﷲ 0 1 2 3 4 5 6 7 8 9 ٫ ٬ ٠ ١ ٢ ٣ ٤ ٥ ٦ ٧ ٨ ٩ ۰ ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ . , : ; ! ? * # / \ ( ) { } [ ] - _ „ “ ” ‘ ’ « » ‹ › " ' ، ؛ ؟ ٭ ﴾ ﴿         ​ ‍ ‌ 
  ﷼ $ + − × ÷ = ≠ % @ & ٪ ﮲ ﮳ ﮴ ﮵ ﮹ ﮶ ٰ ٖ ٔ ٕ ً ٌ ٍ َ ُ ِ ّ ْ ٓ";
|
|
|
|
|
|
setDefaultText(completeCharSet);
|
|
|
|
|
|
}
|
|
|
|
|
|
function decodeEntities(string){
|
|
|
|
|
|
var elem = document.createElement('div');
|
|
|
|
|
|
elem.innerHTML = string;
|
|
|
|
|
|
return elem.textContent;
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body id="fontTestBody">
|
|
|
|
|
|
<select size="1" id="fontFamilySelector" name="fontFamilySelector" onchange="changeFont()">
|
|
|
|
|
|
<option value="IRANSansX-thin.woff">WOFF IRANSansX-thin</option>
|
|
|
|
|
|
<option value="IRANSansX-UltraLight.woff">WOFF IRANSansX-UltraLight</option>
|
|
|
|
|
|
<option value="IRANSansX-light.woff">WOFF IRANSansX-light</option>
|
|
|
|
|
|
<option value="IRANSansX-regular.woff">WOFF IRANSansX-regular</option>
|
|
|
|
|
|
<option value="IRANSansX-medium.woff">WOFF IRANSansX-medium</option>
|
|
|
|
|
|
<option value="IRANSansX-demibold.woff">WOFF IRANSansX-demibold</option>
|
|
|
|
|
|
<option value="IRANSansX-bold.woff">WOFF IRANSansX-bold</option>
|
|
|
|
|
|
<option value="IRANSansX-extrabold.woff">WOFF IRANSansX-extrabold</option>
|
|
|
|
|
|
<option value="IRANSansX-black.woff">WOFF IRANSansX-black</option>
|
|
|
|
|
|
<option value="IRANSansX-extrablack.woff">WOFF IRANSansX-extrablack</option>
|
|
|
|
|
|
<option value="IRANSansX-heavy.woff">WOFF IRANSansX-heavy</option>
|
|
|
|
|
|
<option value="IRANSansX-thin.woff2">WOFF2 IRANSansX-thin</option>
|
|
|
|
|
|
<option value="IRANSansX-UltraLight.woff2">WOFF2 IRANSansX-UltraLight</option>
|
|
|
|
|
|
<option value="IRANSansX-light.woff2">WOFF2 IRANSansX-light</option>
|
|
|
|
|
|
<option value="IRANSansX-regular.woff2">WOFF2 IRANSansX-regular</option>
|
|
|
|
|
|
<option value="IRANSansX-medium.woff2">WOFF2 IRANSansX-medium</option>
|
|
|
|
|
|
<option value="IRANSansX-demibold.woff2">WOFF2 IRANSansX-demibold</option>
|
|
|
|
|
|
<option value="IRANSansX-bold.woff2">WOFF2 IRANSansX-bold</option>
|
|
|
|
|
|
<option value="IRANSansX-extrabold.woff2">WOFF2 IRANSansX-extrabold</option>
|
|
|
|
|
|
<option value="IRANSansX-black.woff2">WOFF2 IRANSansX-black</option>
|
|
|
|
|
|
<option value="IRANSansX-extrablack.woff2">WOFF2 IRANSansX-extrablack</option>
|
|
|
|
|
|
<option value="IRANSansX-heavy.woff2">WOFF2 IRANSansX-heavy</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<input type="text" value="Type Text Here." id="textInput" onclick="this.select();" onkeyup="updateParagraph()" size="80" />
|
|
|
|
|
|
<p class="features">
|
|
|
|
|
|
<a href="javascript:setCharset();">Charset</a>
|
|
|
|
|
|
|
|
|
|
|
|
 
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="features" id="featureLine" style="display:none;">font-feature-settings: "kern" on, "liga" on, "calt" on;</p>
|
|
|
|
|
|
<p><span class="label">10</span> <span id="p08">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span class="label">11</span> <span id="p09">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span class="label">12</span> <span id="p10">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span class="label">13</span> <span id="p11">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span class="label">14</span> <span id="p12">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span class="label">15</span> <span id="p13">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span class="label">16</span> <span id="p14">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span class="label">17</span> <span id="p15">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span class="label">18</span> <span id="p16">
|
|
|
|
|
|
چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span id="largeParagraph">چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><span id="veryLargeParagraph">چو ایران نَباشَد تَنِ مَن مَباد
|
|
|
|
|
|
بِدين بوم و بَر زنده يِک تَن مَباد
|
|
|
|
|
|
</span></p>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
