-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
238 lines (213 loc) · 28.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> فونت تستر :: خانه فونت فارسی</title>
<link rel="stylesheet" href="css/normalize.css" >
<link rel="stylesheet" href="css/style.css" >
<link rel="stylesheet" href="fonts/font.css" >
</head>
<body>
<div id="container">
<section id="TestPanel" class="UnitTest">
<div class="side-top">
<div id="features" class="side-row">
<div class="field-box">
<input name="feature[]" value="kern" class="custom-checkbox features-input" id="kern" type="checkbox" >
<label for="kern">کرنینگ</label>
</div>
<div class="field-spiliter"></div>
<div class="field-box">
<input name="feature[]" value="liga" class="custom-checkbox features-input" id="liga" type="checkbox" >
<label for="liga">لیگچرها</label>
</div>
<div class="field-box">
<input name="feature[]" value="calt" class="custom-checkbox features-input" id="calt" type="checkbox">
<label for="calt">لیگچرهای فرعی</label>
</div>
<div class="field-box">
<input name="feature[]" value="dlig" class="custom-checkbox features-input" id="dlig" type="checkbox">
<label for="dlig">لیگچرهای اضافه</label>
</div>
<div class="field-box">
<input name="feature[]" value="swsh" class="custom-checkbox features-input" id="swsh" type="checkbox">
<label for="swsh">کشیدگیها</label>
</div>
<div class="field-spiliter"></div>
<div class="field-box">
<input name="feature[]" value="ss01" class="custom-checkbox" id="ss01" type="checkbox">
<label for="ss01">ss01</label>
</div>
<div class="field-box">
<input name="feature[]" value="ss02" class="custom-checkbox" id="ss02" type="checkbox">
<label for="ss02">ss02</label>
</div>
<div class="field-box">
<input name="feature[]" value="ss03" class="custom-checkbox" id="ss03" type="checkbox">
<label for="ss03">ss03</label>
</div>
<div class="field-box">
<input name="feature[]" value="ss04" class="custom-checkbox" id="ss04" type="checkbox">
<label for="ss04">ss04</label>
</div>
<div class="field-box">
<input name="feature[]" value="ss05" class="custom-checkbox" id="ss05" type="checkbox">
<label for="ss05">ss05</label>
</div>
</div>
<div id="changeLang" class="side-row">
<div class="field-box">
<input value="me" class="custom-checkbox" id="me" name="lang" type="radio">
<label for="me">سفارشی</label>
</div>
<div class="field-spiliter"></div>
<div class="field-box">
<input value="fa" class="custom-checkbox" id="fa" name="lang" type="radio">
<label for="fa">فارسی</label>
</div>
<div class="field-box">
<input value="ar" class="custom-checkbox" id="ar" name="lang" type="radio">
<label for="ar">عربی</label>
</div>
<div class="field-box">
<input value="urdu" class="custom-checkbox" id="urdu" name="lang" type="radio">
<label for="urdu">اردو</label>
</div>
<div class="field-box">
<input value="pashto" class="custom-checkbox" id="pashto" name="lang" type="radio">
<label for="pashto">پشتو</label>
</div>
<div class="field-spiliter"></div>
<div class="field-box">
<input value="formsChr" class="custom-checkbox" id="formsChr" name="lang" type="radio">
<label for="formsChr">فرمها</label>
</div>
<div class="field-box">
<input value="sings" class="custom-checkbox" id="sings" name="lang" type="radio">
<label for="sings">علائم</label>
</div>
<div class="field-box">
<input value="SpecialWorlds" class="custom-checkbox" id="SpecialWorlds" name="lang" type="radio">
<label for="SpecialWorlds">دوشواری</label>
</div>
<div class="field-box">
<input value="Dots" class="custom-checkbox" id="Dots" name="lang" type="radio">
<label for="Dots">نقطهها</label>
</div>
</div>
<div id="vars" class="side-row">
<div class="field-box">
<label>سایز</label>
<div class="multiField">
<input class="textSize" type="range" min="1" max="900" value="70" step="1">
<input class="textSizeNumber" type="number" min="1" max="500" value="70" step="1">
</div>
</div>
<div class="field-spiliter"></div>
<div class="field-box" style="flex:0 1 auto;">
<label>سطوح خاکستری</label>
<input class="shadow" type="range" min="0" max="20" value="0" step="1">
</div>
<div class="field-spiliter"></div>
<div class="field-box" style="flex:0 1 auto;">
<label>آسیتماتیک</label>
<input class="blurRange" type="range" min="0" max="5" value="0" step="0.1">
</div>
</div>
</div>
<div class="boxContainer ">
<div id="TextContainer">
<p class="fa">بیشتر تاریخدانان از ابنمقله بهعنوان اولین مبتکر خوشنویسی اسلامی نام میبرند و او را اولین کسی ذکر میکنند که کتابت را به یک هنر ارتقاء داد. در واقع ابنمقله با بررسی و نظام بخشیدن به خطوط مختلف رایج در زمان خود خطوط ششگانه را انتظام داد و به آنها هویت واقعی بخشید و برایشان قواعدی وضع کرد.<br>
ابنمقله وزیر خط محقق را از خط کوفی و نسخ قدیمی بیرون کشید و آن را قاعدهمند کرد. سپس خط ریحان را ایجاد کرد. بعد از آن خط ثلث را از خط ریحان اخذ کرده و قاعدهمند ساخت. بعد از آنها به شکلدادن و منزه کردن خط نسخ پرداخت. ابنمقله قرآنی به خط نسخ نوشت و خطوط محقق و ریحانی و کوفی را در سر سورهها قرار داد و هنگامی که خواست کتابت قرآن با سایر خطوط فرق داشته باشد خط توقیع را ابداع کرد.<br>
ابن مقله ۱۲ قاعده برای زیبایی خط تعیین کرد که به اصول دوازدهگانه خوشنویسی معروفند و تاکنون، پس از گذشت بیش از ۱۰۰۰ سال، اعتبار خود را حفظ کردهاند. این قواعد عبارتند از: ترکیب، کرسی، نسبت، ضعف، قوت، سطح، دور، صعود مجاز، نزول مجاز، اصول، صفا و شأن.<br>
پس از ابنمقله افرادی چون محمد بن سمسانی و محمد بن اسعد شیوه او را فرا گرفتند و یک سده بعد، ابوالحسن علی بن هلال معروف به ابن بواب، این شیوه را از آن دو آموخت و تکمیل کرد و تمامی خطوطی که ابنمقله پدید آورده بود را کمال بخشید.<br>
با نگاه عمیقتر به قلم و کیفیت خوانایی آن و اثر آن بر روی مخاطب، ناچار باید بپذیریم که تایپوگرافی و حروفچینی یک متن به رعایت اصول و ضوابط طراحی قلم بیشتر نیازمند است تا مسائل طراحی گرافیک.<br>
توجه به فاصلهگذاری هنگام حروفچینی اهمیت بسزایی در آسان خوانده شدن مطلب دارد. برای جدا کردن کلمات از هم از کلید فاصله استفاده میشود که عبارت است از فاصله استانداردی که مقدار (space) آن هنگام طراحی قلم مشخص شده است.<br>
برای جدا کردن کلمات از یکدیگر، مجاز به یکبار استفاده از این کلید هستیم. چنانچه بعد از واژهای از علامتهای «» ():؛،؟! استفاده کنیم این فاصله حذف میشود و بعد از علامت قرار میگیرد. در کلمات مرکب مانند: نامگذاری، میشود، رفتهاند و … برای جلوگیری از دوباره شدن واژه، میتوان هنگام حروفچینی از اندازهٔ مناسبتری بهعنوان نیمفاصله که معمولاً نصف اندازه فاصله است استفاده کرد. چنین عملی مانع از جدا افتادن دوباره کلمه در دو سطر مختلف میشود. به مثالهای زیر توجه کنید.<br>
توجه به فاصلهگذاری هنگام حروفچینی اهمیت بسزایی در آسان خوانده شدن مطلب دارد. برای جدا کردن کلمات از هم از کلید فاصله استفاده میشود که عبارت است از فاصله استانداردی که مقدار (space) آن هنگام طراحی قلم مشخص شده است. <br>
اندازهی قلم رابطهی معقول و مناسبی با کاربرد مطلب دارد. اندازه قلم را عواملی مثل: نوع موضوع، خواننده و شرایط خواندن و در نهایت نگاه طراح تعیین میکند. مهمترین نکته برای تعیین اندازهی قلم، کادر و محدودهی بصری، نوع و کاربرد مطلب مورد نظر میباشد. از آنجا که حروف، واحدهای سازندهی اسکلتبندی ستون نوشته هستند و اساس ساختار متن فارسی را سطرها تشکیل میدهند، اندازهی حروف یک قلم ارتباط مستقیمی با طول سطرها و فاصلهی آنها از یکدیگر دارد.<br>
طولانی شدن سطرها باعث خستگی چشم و نیز گم کردن ابتدای سطرها توسط چشم خواننده میشود. بهتر است برای تعیین طول سطرها تعداد معینی از کلمهها را استفاده کنیم تا به سطری با طول متناسب برسیم. برای حجم معینی از مطالب مثلاً در یک اعلان و یا نامههای کوتاه اداری مشکل چندانی برای تعیین طول سطرها به چشم نمیخورد. وقتی حجم مطلب افزایش مییابد (مثل صفحهی کتاب یا مجله و ….) انتخاب طول سطر از حساسیت بیشتری برخوردار است. در این موارد انتخاب سطرهای مناسب کوتاهتر کمک به خوانایی بیشتر متن میکند.<br>
فاصلهٔ بین خط کرسی هر سطر تا خط کرسی سطر بعدی در هر متن را فاصلهٔ بین سطر (Leading) یا پایه حروف میگویند. دلیل آن که کلمهٔ متن را بکار میبریم این است که مقدار این فاصله را میتوان هنگام حروفچینی متن متناسب با نوع قلم آن تغییر داد.<br>
این فاصله نقش مهمی را هنگام خواندن ایفا میکند. برای چیدن ستونهای متن با عرضهای مختلف، لزوم تغییر پایه حروف را میتوان کاملاً لمس کرد. هر چه طول سطرهای یک ستون متن کوتاهتر شود پایهٔ حروف بهتناسب باید کاسته شود تا چشم دچار پرش هنگام خواندن نشود و برعکس برای حروفچینی سطرهای طولانی، برای جلوگیری از خستگی چشم و گم کردن ابتدای سطرها لازم است پایه حروف را از حالت عادی افزایش دهیم. <br>
هرچه اندازهٔ قلمی که برای متن استفاده میکنیم ریزتر باشد، لازم است پایهٔ کار را نسبت بهاندازه حروف افزایش دهیم. وجود فاصلهٔ کم و فشرده بین سطرهایی با اندازه قلم ریز، سبب خستگی و فشار چشمهای خواننده و گاه خطای دید میشود.
<p>
<p class="ar">
بِسْمِ اللَّـهِ الرَّحْمَـٰنِ الرَّحِيمِ<br/>ن ۚ وَالْقَلَمِ وَمَا يَسْطُرُونَ ﴿١﴾ <br/>مَا أَنتَ بِنِعْمَةِ رَبِّكَ بِمَجْنُونٍ ﴿٢﴾ <br/>وَإِنَّ لَكَ لَأَجْرًا غَيْرَ مَمْنُونٍ ﴿٣﴾ <br/>وَإِنَّكَ لَعَلَىٰ خُلُقٍ عَظِيمٍ ﴿۴﴾<br/> فَسَتُبْصِرُ وَيُبْصِرُونَ ﴿۵﴾ <br/> بِأَييِّكُمُ الْمَفْتُونُ ﴿۶﴾ <br/> إِنَّ رَبَّكَ هُوَ أَعْلَمُ بِمَن ضَلَّ عَن سَبِيلِهِ وَهُوَ أَعْلَمُ بِالْمُهْتَدِينَ ﴿٧﴾<br/> فَلَا تُطِعِ الْمُكَذِّبِينَ ﴿٨﴾ <br/> وَدُّوا لَوْ تُدْهِنُ فَيُدْهِنُونَ ﴿٩﴾ <br/> وَلَا تُطِعْ كُلَّ حَلَّافٍ مَّهِينٍ ﴿١٠﴾ <br/> هَمَّازٍ مَّشَّاءٍ بِنَمِيمٍ ﴿١١﴾ <br/> مَّنَّاعٍ لِّلْخَيْرِ مُعْتَدٍ أَثِيمٍ ﴿١٢﴾<br/> عُتُلٍّ بَعْدَ ذَٰلِكَ زَنِيمٍ ﴿١٣﴾<br/> أَن كَانَ ذَا مَالٍ وَبَنِينَ ﴿١۴﴾ <br/> إِذَا تُتْلَىٰ عَلَيْهِ آيَاتُنَا قَالَ أَسَاطِيرُ الْأَوَّلِينَ (۱۵) <br>
<br>
<br>
َما تَرَوْني أَتَغَشَّى طِمْرًا ... مُمْتَطِيًا في الضُّرِّ أَمْرًا مُرًّا <br>
مُضْطَبنًا عَلى اللَّيالي غِمَرًا ... مُلاقِيًا مِنْها صُرُوفًا حَمْرَا<br>
أَقْصَى أَمانِيَّ طُلُوعُ الشِّعْرى ... فَقَد عُنِينَا بِالأَمَاني دَهْرًا<br>
وَكانَ هذَا الحُرُّ أَعْلى قَدْرًا ... وَماءُ هذَا الوَجْهِ أَغْلى سِعْرَا<br>
ضَرَبْتُ لِلسَّرّا قِبَابًا خُضْرَا ... فِي دَارِ دَارَا وَإِوَانِ كِسْرى<br>
فَانْقَلَبَ الدَّهْرُ لِبَطْنٍ ظَهْرا ... وَعَادَ عُرْفُ العَيْشِ عِنْدي نُكْرَا<br>
لَمْ يُبْقِ مِنْ وَفْرِى إِلَّاذِكْرَا ... ثُمَّ إِلى اليَوْمِ هَلُمَّ جَرَّا<br>
لَوْلا عَجُوزٌ لِي بِسُرَّ مَنْ رَا ... وَأَفْرُخٌ دونَ جِبَالِ بُصْرَى<br>
قَدْ جَلَبَ الدَّهْرُ عَلَيْهِمْ ضُرَّا ... قَتَلْتَ يَا سَادَةُ نَفْسي صَبْرَا
<br>
<br>
<br>
<br>
طَرَحَتْنِي النّوَى مَطَارِحَهَا حَتّى إذَا وَطِئْتُ جُرْجَان الأَقْصى. فاسْتَظْهَرْتُ عَلَى الأَيامِ بِضِياعٍ أَجَلْتُ فِيهَا يَدَ الْعِمَارةِ، وَأَمْوَالٍ وَقَفْتُهَا عَلى التّجَارَةِ، وَحَانُوتٍ جَعَلْتُهُ مَثَابَةٍ، وَرُفْقَةٍ اتّخَذْتُهَا صَحَابَةً، وَجَعَلْتُ لِلْدّارِ، حَاشِيَتَيِ النّهَار، وللحَانُوتِ بَيْنَهُمَا، فَجَلَسْنَا يَوْمًا نَتَذَاكَرُ القرِيضَ وَأَهْلَهُ، وَتِلْقَاءَنا شَابّ قَدْ جَلَسَ غَيْرَ بَعِيدٍ يُنْصِتُ وَكَأَنّهُ يَفْهَمُ، وَيَسْكتُ وَكَأَنّهُ لَا يَعْلَمُ حَتّى إِذَا مَالَ الكَلَامُ بِنَا مَيْلَهُ، وَجَرّ الْجِدَالُ فِينَا ذَيْلَهُ، قَالَ: قَدْ أَصَبْتُمْ عُذَيَقَهُ، وَوَافَيتُمْ جُذَيْلَهُ، وَلَوْ شِئْتُ لَلَفْظْتُ وَأَفَضْتُ، وَلَوْ قُلْتُ لأَصْدَرْتُ وَأَوْرَدْتُ، وَلَجَلَوْتُ الْحقّ في مَعْرَضِ بَيَانٍ يُسْمِعُ الصُّمَّ، وَيُنزلُ الْعُصْمَ، فَقُلْتُ: يَا فَاضِلُ أدْنُ فَقَدْ مَنَّيْتَ، وَهَاتِ فَقَدْ أَثْنَيتَ، فَدَنَا وَقَالَ: سَلُونِي أُجِبْكُمْ، وَاسْمَعُوا أُعْجِبْكُمْ. فَقُلْنَا: مَا تَقُولُ فِي امْرِىءِ الْقَيسِ؟ قَالَ: هُوَ أَوَّلُ مَنْ وَقَفَ بِالدِّيارِ وَعَرَصَاتِهَا، وَاغْتَدَى وَالطَّيرُ فِي وَكَنَاتِهَا، وَوَصَفَ الْخيلَ بِصِفَاِتهَا، وَلَمْ يَقُلِ الشِّعْرَ كَاسِيًا. وَلَمْ يُجِدِ القَوْلَ رَاغِبًا، فَفَضَلَ مَنْ تَفَتَّقَ للْحِيلةِ لِسَانُهُ، وَاْنتَجَعَ لِلرَّغْبَة بَنَانُهُ، قُلْنَا: فَما تَقُولُ فِي الْنَّابِغَةِ؟ قالَ: يَثلِبُ إِذَا حَنِقَ، وَيَمْدَحُ إِذَا رَغِبَ، وَيَعْتَذِرُ إِذَا رَهِبَ، فَلَا يَرْمي إِلَّاصَائِبًا، قُلْنَا:فَمَا تَقُولُ فِي زُهَيرٍ؟ قَالَ يُذِيبُ الشِّعرَ، والشعْرُ يُذيبَهُ، وَيَدعُو القَولَ وَالسِّحْرَ يُجِيبُهُ، قُلْنَا: فَمَا تَقُولُ فِي طَرَفَةَ: قَالَ: هُوَ مَاءُ الأشْعَارِ وَطينَتُها، وَكَنْزُ الْقَوَافِي وَمَديِنَتُهَا، مَاتَ وَلَمْ تَظْهَرْ أَسْرَارُ دَفَائِنِهِ وَلَمْ تُفْتَحْ أَغْلَاقُ خَزَائِنِهِ، قُلْنَا: فَمَا تَقُولُ فِي جَرِيرٍ وَالْفَرَزْدَقِ؟ أَيُّهُمَا أَسْبَقُ؟ فَقَالَ: جَرِيرٌ أَرَقُّ شِعْرًا، وَأَغْزَرُ غَزْرًا وَالْفَرَزْدَقُ أَمْتَنُ صَخْرًا، وَأَكْثَرُ فَخْرًا وَجَرِيرٌ أَوْجَعُ هَجْوًا، وَأَشْرَفُ يَوْمًا وَالْفَرَزْدَقُ أَكَثَرُ رَوْمًا، وَأَكْرَمُ قَوْمًا، وَجَرِيرٌ إِذَا نَسَبَ أَشْجَى، وَإِذَا ثَلَبَ أَرْدَى، وَإِذَا مَدَحَ أَسْنَى، وَالْفَرزدقُ إِذَا افْتَخَرَ أَجْزَى، وَإِذَا احْتَقرَ أَزرَى، وَإِذا وصَفَ أَوفَى، قُلنَا: فَمَا تَقُولُ فِي المُحْدَثِينَ منْ الشُّعَراءِ والمُتَقَدِّمينَ مِنهُمْ؟ قالَ: المُتَقَدِّمونَ أَشْرفُ لَفْظًا، وَأَكثرُ منْ المَعَاني حَظًا، وَالمُتَأَخِّرونَ أَلْطَفُ صُنْعًا، وَأَرَقُّ نَسْجًا، قُلْنا: فَلَو أَرَيْتَ مِنْ أَشْعارِكَ، وَرَوَيْتَ لَنا مِنْ أَخْبارِكَ، قالَ: خُذْهَما في مَعْرِضٍ واحِدٍ، وَقالَ:
</p>
<p class="me" contenteditable=true>وارد کنید</p>
<p class="formsChr">
<span>ٮٮٮ ٮ ء ٴ ٮا ا ٮأ أ ٮإ إ ٮآ آ ٮٱ ٱ ببب ب پپپ پ تتت ت ټټټ ټ ثثث ث ٹٹٹ ٹ ججج ج چچچ چ ححح ح ځځځ ځ څڅڅ څ خخخ خ ٮد د ٮذ ذ ٮڈ ڈ ٮډ ډ ٮڎ ڎ ٮۮ ۮ ٮر ر ٮز ز ٮڑ ڑ ٮړ ړ ٮڕ ڕ ٮږ ږ ٮژ ژ سسس س ښښښ ښ ششش ش صصص ص ضضض ض ططط ط ظظظ ظ ععع ع غغغ غ ففف ف ڤڤڤ ڤ ڡڡڡ ڡ ٮٯ ٯ ققق ق ككك ك ککک ک گگگ گ ګګګ ګ ڭڭڭ ڭ للل ل ڵڵڵ ڵ ممم م ننن ن ٮں ں ڼڼڼ ڼ ههه ه ہہہ ہ ۂۂۂ ۂ ھھھھ ھ ٮة ة ٮۃ ۃ ٮو و ٮۄ ۄ ٮۊ ۊ ٮؤ ؤ ٮۆ ۆ ٮۇ ۇ ٮۈ ۈ ٮۋ ۋ ىىى ى ييي ي ئئئ ئ ێێێ ێ ییی ی ٮۍ ۍ ېېې ې ٮے ے ٮۓ ۓ ٮە ە ٮـٮ ـ ٮلا ٮلا لآ ٮلآ لأ ٮلأ لإ ٮلإ لٱ ٮلٱ الله ٫ ٬ ٠ ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ٤ ٥ ٦ * \ • : , … ! # . " ' ; / _ { } [ ] ( ) - ‐ « » ۞ ۔ ، ؛ ؟ ٭ ﴿ ﴾ ؋ ﷼ ~ ÷ = < > − × + ◌ ✪ | @ ° ^ ˳ ۩ ٪ ؉ ؊ ˇ ٮؕ ٮؖ ﮲ ﮳ ﮽ ﮾ ﮴ ﮵ ﮸ ﮹ ﮶ ﮷ ﮺ ﮻ ٮٰ ٮٖ ٮٔ ٮٕ ٮً ٮٌ ٮٍ ٮَ ٮُ ٮِ ٮّ ٮْ ٮٓ ٮ٘ ٮۖ ٮۗ</span>
</p>
<p class="sings">
1۱2۲3۳4۴5۵6۶7۷8۸9۹0۰<br>
۱۳۹۴/۱۲/۳۱ ۲۰۱۶-۱۱-۲۶<br>
۱٬۰۰۰٬۰۰۰﷼ ۳٬۰۰۰٬۰۰۰﷼ ۳۲۶٬۶۷۳٬۳۲۴٬۳۴۳﷼<br>
۲+۲=۴ ۲+۵=۳۴ ۴۵-۱۲=۴۶ [۳۴]-[۵۴] {(۳۴)(۴۵)} ۲۳٬۳۵۴۳۴۵ ۲۵° ۶×۶=۳۶ ۲×۲=۴ ۳>۴ ۸>۲ ۵۵÷۴۲ ۳۴−۵۶<br>
۲٫۵ ۱۹٫۵ ۰٫۲۵<br>
(^: {: (= (8 [= <: 3: [: (: (-: <br>
}: ]: ]-: >: >-: ): )-: ]:< );<br>
):< @: ||-: )': )-': *^: *:<br>
,-: (^; [; [-; (* (-* (; (-;<br>
\= /= \: /: .-: /-: /:< \:< <br>
|-: |: (-:< (;< (:<<br>
</p>
<p class="SpecialWorlds">
پیوند . شپش . پچپچ . پا . ورداورد . سرور . سرپا . سرپرست . سرزیر . بزرگترین . آگاه . خرج . خروج . میرداماد . شش . سرسبیل . مسسل . شعشعه . همهمه . ببینید . بینابین . بنشستند . قمقمه . قهقه . را . رباب . کرج . تحوع . زارع . چاپ . اپتیک . بهمن . جذاب . آرایشگاه . مزاح . چراق . قوچ . کاج . ثابت . کارت . ذره . کشاورزی . خرس . شاخ . حاشیه . خاص . فرض . فاش . سعادت . ژیان . رابط . حافظ . حیاط . ضابطه . صابون . غایب . شایع . کالغ . اجماع . لحاظ . ناهید . خیالی . الل . گام . سورگ . کالف . چپاول . تایپ . تباین . جالب . وسیله . فاتح . تجانس . نتایج . تثبیت . مباحث . پژمرده . مدافع . تاریخ . محاسبه . بچه . بیضائی . متناقض . خواهش . مسئله . لطیف . طالبی . نظاره . ظاهر . تصاحب . مکاشفه . مقایسه . قایق . شفاهی . پیچ . خوج . چرخ . خاک . دی . دانگ . باپایا . گئورگ . «ویکیپدیا» . کهن . گکگ . کگک . وجود . فرمانروایی . منع . کرد . هندوان . ممنوع . عمومی . رای . نان . رای . مارال . بلخ . پیوند . رفتند . پارسا . پاوه . آراء . لاله . وارد . سرور . شرکت . سرپرست . بزرگترین . پروین . شاگردان . آگاه . تاریخ . خروج . گرافیک . شستشو . بینهایت . کلاغ . مستغنی . صبحگهیم . گنجشککان . مشعشع . آیا . پدر . شستشو . نان . آورد؟ . مقرون . بصرفه . مسکین . مکشوف . هویت . هستی . فرمایشی . فروپاشی . نقاش . اوستا . اسباب . بدوش . رحیم . کریم . شصتت . مکارم . مادرم . کارم . مکانیزم . نیازمی . قلبمی . قلبم . فرم . کری . برای . بازی .
</p>
<p class="Dots">
ثتنپیبي<br>
پیبيجچ <br>
ثتنضقفغخشظ <br>
پپپپ بببب ییی ييي <br>
نننن ثثثث تتتت ئئئ <br>
فففف قققق غغغغ <br>
خخخخ چچچچ جججج<br>
شششش ضضضض ظظظظ <br>
ذذ زز ژژ ؤؤ <br>
</p>
</div>
</div>
<div class="side-bottom">
<div id="options" class="side-row">
<div class="field-box">
<input value="baseline" class="custom-checkbox" id="baseline" name="baseline" type="checkbox">
<label for="baseline">کرسی</label>
</div>
<div class="field-spiliter"></div>
<div class="field-box">
<input value="normal" class="custom-checkbox" id="pre" name="linetype" type="radio">
<label for="pre">پراگراف</label>
</div>
<div class="field-box">
<input value="nowrap" class="custom-checkbox" id="nowrap" name="linetype" type="radio">
<label for="nowrap">خطی</label>
</div>
</div>
</div>
</section>
</div>
<footer>
<p>این ابزار توسط <a href="http://soozanchi.ir">محمد صالح سوزنچی</a> و برای تست فونتهای <a href="http://font-store.ir">خانه فونت فارسی</a> طراحی و توسعه داده شده است</p>
<p>و تحت مجوز MIT منتشر میگردد.</p>
</footer>
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="js/jquery.hotkeys.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>