|
|
<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>
|
|
|
|
