با فعال کردن استایلستیک سری ss01 اعداد انگلیسی بصورت فارسی نمایش داده میشود. در مثال زیر ردیف اول اعداد فارسی است و ردیف دوم اعداد انگلیسی است که فارسی شده است.
با فعال کردن استایلستیک سری ss03 اعداد بصورت منو اسپیس تایپ میشود یعنی عرض همه اعداد برابر است و مناسب استفاده در لیستها و جداول اطلاعات.
+
+در سطر دوم اعداد انگلیسی فارسی و همعرض شده است.
+
با فعال کردن استایلستیک سری ss04 اعداد کمی پایینتر از خط کرسی قرار میگیرد تا تراز عمودی در باکسهای طراحی وسط باشد.
+
+در مثال زیر: خط اول تراز اعداد در حالت پیشفرض و در خط دوم به کمک استایل ss04 تراز تغییر کرده است.
+
+
+
+
+
+
diff --git a/src/IranSans/IranSansX(Eco)/Farsi numerals/Webfonts/IranSansX.html b/src/IranSans/IranSansX(Eco)/Farsi numerals/Webfonts/IranSansX.html
new file mode 100644
index 0000000..7a68f4f
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Farsi numerals/Webfonts/IranSansX.html
@@ -0,0 +1,422 @@
+
+
+
+
+IRANSansX Family Type face: خانواده فونت ایرانسنس
+
+
+
+
+
+
+
+
+
+
+
+
+
بِسْمِ اللهِ الرَّحْمَنِ الرَّحِيمِ
+
+
د
+
+
+ ن وَالْقَلَمِ وَ مَا يَسْطُرُون
+
+ نون؛ سوگند به قلم و آنچه می نويسند.
+
+ Noon. I swear by the pen and what the angels write
+
+
+
+
+
+
+
+
+
نکاتی درباره تایپوگرافی وب
+
+
+
ج
+
+
از زمان پیدایش نخستین وب سایت، متن ها یکی از اجزای مهم صفحات وب بودند. هر چند به مرور زمان با ورود تصاویر، صوت و فیلم کمی از بار مسئولیت متون کم شد اما هنوز جایگاه خود را از دست نداده اند و بخش مهمی از کار را به عهده دارند.
+
بسیاری از طراحان وب سایت به صورت تجربی بهترین ترکیب و ظاهر را برای نمایش متن ها انتخاب می کنند. اما اصولی وجود دارد که با رعایت آن ها، تاثیرپذیری و زیبایی سایت چند برابر خواهد شد.
+
در ادامه مطلب قصد داریم تعدادی از اصول مقدماتی تایپوگرافی را به اختصار مرور کنیم. هرچند بسیاری از دوستان با این نکات آشنا هستند؛ اما شاید مرور آن ها خالی از لطف نباشد.
+
+
+
+
+
+
+
+
تاثیر اندازه فونت و سلسله مراتب تگها
+
+
ن
+
+
فونت های داخل سایت باید به گونه ای قرار گیرند که کاربر به راحتی بتواند آن ها را بخواند. نوع فونت، وزن و کوچک (یا بزرگ) بودن اندازه آن ممکن است تمایل کاربر برای بازگشت به وب سایت را کاهش دهد. قواعد و قوانین زیادی برای انتخاب بهترین فونت وجود دارد.
+
در زیر می توانید ۱۲ وزن مختلف خانواده فونت ایرانسنس را در شرایط یکسان مشاهده کنید. لازم به ذکر است برای این صفحه از وزن معمولی (Normal) استفاده شده است.
+
+
+
+
+
+
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Thin)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (UltraLight)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Regular)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Medium)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (demiBold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Bold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (ExtraBold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Black)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (ExBlack)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Heavy)
+
+
+
+
+
+
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Thin)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (UltraLight)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Regular)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Medium)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (demiBold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Bold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (ExtraBold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Black)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (ExBlack)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Heavy)
+
+
+
+
+
+
+
تگهای هدینگ
+
+
و
+
+
در این بین، استفاده از تگ های هدینگ مناسب و رعایت سلسله مراتب آن ها، هم مفهوم نوشته را بهتر منتقل می کند و هم تاثیر قابل توجهی در نتایج موتورهای جستجو خواهد داشت. این نکته یکی از فاکتورهای مهم در بهینه سازی وب سایت برای موتورهای جستجو (Search Engine Optimization) است.
+
نمونه ای از خروجی تگ های هدینگ با سایز استاندارد مربوطه به فونت های فونت ایرانسنس را در زیر مشاهده می کنید.
+
+
+
+
+
+
(H1) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H2) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H3) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H4) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H5) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H6) نابرده رنج گنج میسر نمی شود. No gain without pain
+
+
+
+
+
+
(H1) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H2) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H3) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H4) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H5) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H6) نابرده رنج گنج میسر نمی شود. No gain without pain
+
+
+
+
+
+
سطر و ستون بندی
+
+
م
+
+
معمولاً هرگاه مقدار نوشته از یک سطر بیشتر شود ناگزیر به ستون بندی هستیم. و این کار ما را با چند متغییر مواجه خواهد کرد:
+
۱- عرض ستونهای متنی که حاوی حداقل۷ کلمه باشد بهترین انتخاب است. اگر ستون کوتاهتر باشد چشم بیننده در اثر حرکتهای زود به زود از پایان یک سطر به ابتدای سطر بعدی خسته خواهد شد. علاوه بر این لبه ستونهایی با عرض کم نیز همیشه دندانه ای و بی نظم خواهد بود. ستونهایی با عرض طولانی هم برای خواننده آزار دهنده است چرا که چشم در حرکت بازگشت از انتهای یک سطر به ابتدای سطر بعدی ممکن است دچار اشتباه شود.
+
+
۲- لدینگ یا همان فاصله سطر هم در ستون بندی اهمیت دارد. ستونهای فشرده اگرچه به لحاظ گرافیکی منسجم و زیبا هستند اما عمل خواندن را مختل می کنند و در مقابل، فاصله سطر زیاد نیز باعث نازیبایی و خستگی چشم خواننده میشود. فاصله سطر همیشه می تواند با توجه به نوع فونت و عرض ستونها تغییر کند. بدین ترتیب که فونتهایی با دندانههای بلندتر و ستونهایی با عرض بیشتر به لدینگ بیشتری نیاز دارند.
+
۳- همترازی هم یکی از متغییرهای پر بحث در ستون بندی است. اما به طور کوتاه و خلاصه باید گفت که بهتر است در متن فارسی از همترازی یا همان Justification استفاده نکنید. این عمل اگرچه لبه پاراگراف شما را مرتب خواهد کرد اما تنظیمات فاصله حروف را تغییر خواهد داد و در نتیجه باعث کاهش خوانایی خواهد شد.
+
+
+
+
(IRANSansX Thin)
+
ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX UltraLight)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Light)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Regular)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Mediume)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX DemiBold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Bold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX ExtraBold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Black)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX ExtraBlack)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Heavy)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
(IRANSansX Thin)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX UltraLight)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Light)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Regular)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Mediume)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX DemiBold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Bold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX ExtraBold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Black)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX ExtraBlack)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Heavy)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
برای تایپ اعداد فارسی در محیط وب از کیبورد استاندارد فارسی استفاده کنید. در ویندوز ۸ و یا بالاتر این کیبورد، با نام Persian(Standard)Keyboard در لیست کیبوردهای ویندوز وجود دارد. همچنین می توانید از این آدرس آن را دانلود و نصب کنید.
+
+
با استفاده از کیبورد استاندارد میتوانید ممیز فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+3 است. به این شکل: ۳٫۱۴
+ ممیز فارسی با علامت اسلش تفاوت دارد :۳/۱۴
+
+
با استفاده از کیبورد استاندارد میتوانید جداکننده هزارگان فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+2 است. به این شکل: ۹٬۲۱۰٬۰۰۰
+ این علامت با جدا کننده هزارگان انگلیسی تفاوت دارد : ۹,۲۱۰,۰۰۰
+
اهمیت اندازه فونت در خوانایی و زیبا شدن صفحه وب سایت بر کسی پوشیده نیست. در کنار این بحث، موارد دیگری مانند ارتفاع خطوط، فاصله ها، ابعاد قسمت های مختلف و ... نیز در بحث تایپوگرافی اهمیت زیادی دارند.
+
برای محاسبه این اعداد می توانیم از سری اعداد متناسب (Modular Scale) استفاده کنیم. در حقیقت از تعدادی عدد پشت سر هم که بر اساس مضرب خاصی تشکیل شده اند برای تنظیمات ارتفاع خط، فاصله ها، ابعاد و ... استفاده می کنیم. نسبت (عدد) طلایی همان مضرب اعداد است.
+
به عنوان مثال می خواهیم از سایز 16px فونت ایرانسنس به عنوان فونت و سایز اصلی متن صفحات استفاده کنیم. عدد فی (phi) یونانی که معادل ۱٫۶۱۸۰۳۳۹۸۸۷ (به اختصار ۱٫۶۱۸) است را به عنوان نسبت طلایی در نظر می گیریم. بنابراین سری اعدادی به شکل روبرو خواهیم داشت:
+
+
+ به کمک این اعداد و استفاده از آن ها در صفحات وب سایت خود می توانیم خوانایی و زیبایی آن را افزایش دهیم. علاوه بر آن، اگر از واحدهای نسبی مانند em استفاده شود، امکانات بیشتری در اختیار طراح و بازدیدکننده خواهد بود. البته سری اعداد بر مبنای نسبت طلایی فقط در تایپوگرافی وب سایت کاربرد ندارد.
+ این اعداد می تواند ادامه داشته باشد (۱٬۲۱۵٫۹۸۱ ، ۱٬۹۶۷٫۴۵۷ ، ۳٬۱۸۳٫۳۴۵ و ...).
+
+ ایرانسنس
+
+
+
+
+
+
+
+در این فایل سعی کردیم همراه با یک مطلب آموزشی کوتاه، نحوه استفاده از خانواده فونت ایرانسنس و پیش نمایشی از قسمت های مختلف آن را مرور کنیم.
+
+برای مشاهده راهنمای نحوه قراردادن فونت ها در وب سایت خود، به این آدرس مراجعه کنید.
+
+
+
+
font-feature-settings: "kern" on, "liga" on, "calt" on;
+
10
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
11
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
12
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
13
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
14
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
15
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
16
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
17
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
18
+چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
چو ایران نَباشَد تَنِ مَن مَباد
+بِدين بوم و بَر زنده يِک تَن مَباد
+
+
+
diff --git a/src/IranSans/IranSansX(Eco)/Helps/alternateHelp.png b/src/IranSans/IranSansX(Eco)/Helps/alternateHelp.png
new file mode 100644
index 0000000..38ef587
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Helps/alternateHelp.png differ
diff --git a/src/IranSans/IranSansX(Eco)/Helps/stylestic set(Adobe).gif b/src/IranSans/IranSansX(Eco)/Helps/stylestic set(Adobe).gif
new file mode 100644
index 0000000..37c77bb
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Helps/stylestic set(Adobe).gif differ
diff --git a/src/IranSans/IranSansX(Eco)/Helps/stylestic set(MsOffice).gif b/src/IranSans/IranSansX(Eco)/Helps/stylestic set(MsOffice).gif
new file mode 100644
index 0000000..3196192
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Helps/stylestic set(MsOffice).gif differ
diff --git a/src/IranSans/IranSansX(Eco)/IranSansX fonts.pdf b/src/IranSans/IranSansX(Eco)/IranSansX fonts.pdf
new file mode 100644
index 0000000..d080430
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/IranSansX fonts.pdf differ
diff --git a/src/IranSans/IranSansX(Eco)/NonEnglish/IRANSansXNoEn-Bold.ttf b/src/IranSans/IranSansX(Eco)/NonEnglish/IRANSansXNoEn-Bold.ttf
new file mode 100644
index 0000000..0728d3a
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/NonEnglish/IRANSansXNoEn-Bold.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/NonEnglish/IRANSansXNoEn-Regular.ttf b/src/IranSans/IranSansX(Eco)/NonEnglish/IRANSansXNoEn-Regular.ttf
new file mode 100644
index 0000000..30e6351
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/NonEnglish/IRANSansXNoEn-Regular.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff/IRANSansXNoEn-Bold.woff b/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff/IRANSansXNoEn-Bold.woff
new file mode 100644
index 0000000..6221b97
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff/IRANSansXNoEn-Bold.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff/IRANSansXNoEn-Regular.woff b/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff/IRANSansXNoEn-Regular.woff
new file mode 100644
index 0000000..6ad367e
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff/IRANSansXNoEn-Regular.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff2/IRANSansXNoEn-Bold.woff2 b/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff2/IRANSansXNoEn-Bold.woff2
new file mode 100644
index 0000000..08255c8
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff2/IRANSansXNoEn-Bold.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff2/IRANSansXNoEn-Regular.woff2 b/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff2/IRANSansXNoEn-Regular.woff2
new file mode 100644
index 0000000..e4873f6
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/NonEnglish/Webfont NonEn/woff2/IRANSansXNoEn-Regular.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/English to Farsi numbers help.pdf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/English to Farsi numbers help.pdf
new file mode 100644
index 0000000..8ffdbeb
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/English to Farsi numbers help.pdf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/Farsi_numerals.png b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/Farsi_numerals.png
new file mode 100644
index 0000000..985a9d4
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/Farsi_numerals.png differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum).ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum).ttf
new file mode 100644
index 0000000..10f2a48
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum).ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Black.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Black.ttf
new file mode 100644
index 0000000..5870d25
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Black.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Bold.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Bold.ttf
new file mode 100644
index 0000000..7030427
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Bold.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Light.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Light.ttf
new file mode 100644
index 0000000..fe57ae6
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Light.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Medium.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Medium.ttf
new file mode 100644
index 0000000..4913cd8
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_Medium.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_UltraLight.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_UltraLight.ttf
new file mode 100644
index 0000000..758b923
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/IRANSans(FaNum)_UltraLight.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum).ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum).ttf
new file mode 100644
index 0000000..c60002a
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum).ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Black.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Black.ttf
new file mode 100644
index 0000000..411ef9e
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Black.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Bold.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Bold.ttf
new file mode 100644
index 0000000..09fab2b
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Bold.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Light.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Light.ttf
new file mode 100644
index 0000000..ecdac1d
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Light.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Medium.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Medium.ttf
new file mode 100644
index 0000000..3dc55d0
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Medium.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_UltraLight.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_UltraLight.ttf
new file mode 100644
index 0000000..6564159
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_UltraLight.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/MobileFonts.png b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/MobileFonts.png
new file mode 100644
index 0000000..2aedf87
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/MobileFonts/MobileFonts.png differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/IRANSans.html b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/IRANSans.html
new file mode 100644
index 0000000..89af37a
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/IRANSans.html
@@ -0,0 +1,281 @@
+
+
+
+
+IRANSans Family Type face: خانواده فونت ایران سن سریف
+
+
+
+
+
+
+
+
+
+
+
+
بِسْمِ الله الرَّحْمَنِ الرَّحِيمِ
+
+
د
+
+
+ ن وَالْقَلَمِ وَ مَا يَسْطُرُون
+
+ نون؛ سوگند به قلم و آنچه می نويسند.
+
+ Noon. I swear by the pen and what the angels write
+
+
+
+
+
+
+
+
+
نکاتی درباره تایپوگرافی وب
+
+
+
خ
+
+
از زمان پیدایش نخستین وب سایت، متن ها یکی از اجزای مهم صفحات وب بودند. هر چند به مرور زمان با ورود تصاویر، صوت و فیلم کمی از بار مسئولیت متون کم شد اما هنوز جایگاه خود را از دست نداده اند و بخش مهمی از کار را به عهده دارند.
+
بسیاری از طراحان وب سایت به صورت تجربی بهترین ترکیب و ظاهر را برای نمایش متن ها انتخاب می کنند. اما اصولی وجود دارد که با رعایت آن ها، تاثیرپذیری و زیبایی سایت چند برابر خواهد شد.
+
در ادامه مطلب قصد داریم تعدادی از اصول مقدماتی تایپوگرافی را به اختصار مرور کنیم. هرچند بسیاری از دوستان با این نکات آشنا هستند؛ اما شاید مرور آن ها خالی از لطف نباشد.
+
+
+
+
+
+
+
+
تاثیر اندازه فونت و سلسله مراتب تگها
+
+
پ
+
+
فونت های داخل سایت باید به گونه ای قرار گیرند که کاربر به راحتی بتواند آن ها را بخواند. نوع فونت، وزن و کوچک (یا بزرگ) بودن اندازه آن ممکن است تمایل کاربر برای بازگشت به وب سایت را کاهش دهد. قواعد و قوانین زیادی برای انتخاب بهترین فونت وجود دارد.
+
در زیر می توانید ۵ وزن مختلف خانواده فونت ایران سن سریف را در شرایط یکسان مشاهده کنید. لازم به ذکر است برای این صفحه از وزن نازک (Light) استفاده شده است.
+
+
+
+
+
+
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Ultra Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Regular)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Medium)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Bold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Black)
+
+
+
+
+
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Ultra Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Regular)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Medium)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Bold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Black)
+
+
+
+
+
+
تگهای هدینگ
+
+
ی
+
+
در این بین، استفاده از تگ های هدینگ مناسب و رعایت سلسله مراتب آن ها، هم مفهوم نوشته را بهتر منتقل می کند و هم تاثیر قابل توجهی در نتایج موتورهای جستجو خواهد داشت. این نکته یکی از فاکتورهای مهم در بهینه سازی وب سایت برای موتورهای جستجو (Search Engine Optimization) است.
+
نمونه ای از خروجی تگ های هدینگ با سایز استاندارد مربوطه به فونت های فونت ایران را در زیر مشاهده می کنید.
+
+
+
+
+
+
(H1) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H2) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H3) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H4) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H5) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H6) نابرده رنج گنج میسر نمی شود. No gain without pain
+
+
+
+
+
+
(H1) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H2) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H3) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H4) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H5) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H6) نابرده رنج گنج میسر نمی شود. No gain without pain
+
+
+
+
+
+
سطر و ستون بندی
+
+
م
+
+
معمولاً هرگاه مقدار نوشته از یک سطر بیشتر شود ناگزیر به ستون بندی هستیم. و این کار ما را با چند متغییر مواجه خواهد کرد:
+
۱- عرض ستونهای متنی که حاوی حداقل۷ کلمه باشد بهترین انتخاب است. اگر ستون کوتاهتر باشد چشم بیننده در اثر حرکتهای زود به زود از پایان یک سطر به ابتدای سطر بعدی خسته خواهد شد. علاوه بر این لبه ستونهایی با عرض کم نیز همیشه دندانه ای و بی نظم خواهد بود. ستونهایی با عرض طولانی هم برای خواننده آزار دهنده است چرا که چشم در حرکت بازگشت از انتهای یک سطر به ابتدای سطر بعدی ممکن است دچار اشتباه شود.
+
+
۲- لدینگ یا همان فاصله سطر هم در ستون بندی اهمیت دارد. ستونهای فشرده اگرچه به لحاظ گرافیکی منسجم و زیبا هستند اما عمل خواندن را مختل می کنند و در مقابل، فاصله سطر زیاد نیز باعث نازیبایی و خستگی چشم خواننده میشود. فاصله سطر همیشه می تواند با توجه به نوع فونت و عرض ستونها تغییر کند. بدین ترتیب که فونتهایی با دندانههای بلندتر و ستونهایی با عرض بیشتر به لدینگ بیشتری نیاز دارند.
+
۳- همترازی هم یکی از متغییرهای پر بحث در ستون بندی است. اما به طور کوتاه و خلاصه باید گفت که بهتر است در متن فارسی از همترازی یا همان Justification استفاده نکنید. این عمل اگرچه لبه پاراگراف شما را مرتب خواهد کرد اما تنظیمات فاصله حروف را تغییر خواهد داد و در نتیجه باعث کاهش خوانایی خواهد شد.
+
+
+
+
(IRANSans Ultra Light)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
+
(IRANSans Light)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
+
(IRANSans Regular)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
+
(IRANSans Medium)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
(IRANSans Bold)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
+
(IRANSans Black)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
برای تایپ اعداد فارسی در محیط وب از کیبورد استاندارد فارسی استفاده کنید. در ویندوز ۸ و یا بالاتر این کیبورد، با نام Persian(Standard)Keyboard در لیست کیبوردهای ویندوز وجود دارد. همچنین می توانید از این آدرس آن را دانلود و نصب کنید.
+
+
با استفاده از کیبورد استاندارد میتوانید ممیز فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+3 است. به این شکل: ۳٫۱۴
+ ممیز فارسی با علامت اسلش تفاوت دارد :۳/۱۴
+
+
با استفاده از کیبورد استاندارد میتوانید جداکننده هزارگان فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+2 است. به این شکل: ۹٬۲۱۰٬۰۰۰
+ این علامت با جدا کننده هزارگان انگلیسی تفاوت دارد : ۹,۲۱۰,۰۰۰
+
اهمیت اندازه فونت در خوانایی و زیبا شدن صفحه وب سایت بر کسی پوشیده نیست. در کنار این بحث، موارد دیگری مانند ارتفاع خطوط، فاصله ها، ابعاد قسمت های مختلف و ... نیز در بحث تایپوگرافی اهمیت زیادی دارند.
+
برای محاسبه این اعداد می توانیم از سری اعداد متناسب (Modular Scale) استفاده کنیم. در حقیقت از تعدادی عدد پشت سر هم که بر اساس مضرب خاصی تشکیل شده اند برای تنظیمات ارتفاع خط، فاصله ها، ابعاد و ... استفاده می کنیم. نسبت (عدد) طلایی همان مضرب اعداد است.
+
به عنوان مثال می خواهیم از سایز 16px فونت ایران سن سریف به عنوان فونت و سایز اصلی متن صفحات استفاده کنیم. عدد فی (phi) یونانی که معادل ۱٫۶۱۸۰۳۳۹۸۸۷ (به اختصار ۱٫۶۱۸) است را به عنوان نسبت طلایی در نظر می گیریم. بنابراین سری اعدادی به شکل روبرو خواهیم داشت:
+
+
+ به کمک این اعداد و استفاده از آن ها در صفحات وب سایت خود می توانیم خوانایی و زیبایی آن را افزایش دهیم. علاوه بر آن، اگر از واحدهای نسبی مانند em استفاده شود، امکانات بیشتری در اختیار طراح و بازدیدکننده خواهد بود. البته سری اعداد بر مبنای نسبت طلایی فقط در تایپوگرافی وب سایت کاربرد ندارد.
+ این اعداد می تواند ادامه داشته باشد (۱٬۲۱۵٫۹۸۱ ، ۱٬۹۶۷٫۴۵۷ ، ۳٬۱۸۳٫۳۴۵ و ...).
+
+
+
+
+
+
+
خوانایی لینکها
+
غ
+
+
شاید بتوانیم از لینک ها (hyperlinks) به عنوان مهم ترین بخش وب سایت ها در ارتباط با سئو (SEO) و نیز یکی از پرکاربردترین اجزای وب سایت نام ببریم. بنابراین بازدیدکننده باید بتواند به راحتی آن ها را از سایر محتوای صفحه تشخیص داده و متن لینک شده را به سرعت و بدون مزاحمت مشاهده کند.
در صورت بروز این مشکل، یا باید خط زیرین تمام تگ های «a» غیر فعال شود و یا با ترفندهایی به شکل دیگر ایجاد شود (مانند قرار دادن border-bottom برای تگ های «a»).
+
همچنین پیشنهاد می کنیم از قراردادن افکت ها و transition های آزاردهنده روی لینک ها پرهیز کرده و برای راحتی کاربر از padding و color با کانتراست مناسب نسبت به زمینه استفاده کنید.
+
+
+
+
+
+
+
+
+در این فایل سعی کردیم همراه با یک مطلب آموزشی کوتاه، نحوه استفاده از خانواده فونت ایران سن سریف و پیش نمایشی از قسمت های مختلف آن را مرور کنیم.
+
+برای مشاهده راهنمای نحوه قراردادن فونت ها در وب سایت خود، به این آدرس مراجعه کنید.
+
+
+
+
ء
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/WebFonts.png b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/WebFonts.png
new file mode 100644
index 0000000..82d3e21
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/WebFonts.png differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/css/fontiran.css b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/css/fontiran.css
new file mode 100644
index 0000000..869e143
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/css/fontiran.css
@@ -0,0 +1,78 @@
+/**
+*
+* Name: IRAN Sans-Serif Font
+* Version: 5.0
+* Author: Moslem Ebrahimi (moslemebrahimi.com)
+* Created on: Dec 25, 2012
+* Updated on: Sep 01, 2017
+* Website: http://fontiran.com
+* Copyright: Commercial/Proprietary Software
+--------------------------------------------------------------------------------------
+فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
+--------------------------------------------------------------------------------------
+IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
+--------------------------------------------------------------------------------------
+This set of fonts are used in this project under the license: (.....)
+--------------------------------------------------------------------------------------
+*
+**/
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: 900;
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot');
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: bold;
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: 500;
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: 300;
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: 200;
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
+ src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: normal;
+ src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
+ src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
+}
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/css/style.css b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/css/style.css
new file mode 100644
index 0000000..733e06f
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/css/style.css
@@ -0,0 +1,190 @@
+@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
+body {
+ font-family: IRANSans !important;
+ font-weight: 300;
+ direction: rtl;
+ background-color: #E2E2E2;
+ margin: 0;
+}
+h1, h2, h3, h4, h5, h6,input, textarea {
+ font-family: IRANSans !important;
+}
+h1 {
+ font-weight: bold;
+}
+.wrapper {
+ max-width: 900px;
+ margin: 0 auto;
+}
+.ltr {
+ direction: ltr;
+}
+.text-right {
+ text-align: right;
+}
+.text-center {
+ text-align: center;
+}
+.text-left {
+ text-align: left;
+}
+.text-small {
+ font-size: 0.8em;
+}
+.text-xsmall {
+ font-size: 0.6em;
+}
+.text-large {
+ font-size: 1.2em;
+}
+.text-xlarge {
+ font-size: 1.4em;
+}
+.text-underline {
+ text-decoration:underline;
+}
+.text-ultralight {
+ font-weight: 200;
+}
+.text-light {
+ font-weight: 300;
+}
+.text-regular {
+ font-weight: normal;
+}
+.text-medium {
+ font-weight: 500;
+}
+.text-bold {
+ font-weight: bold;
+}
+.text-black {
+ font-weight: 900;
+}
+blockquote {
+ font-weight: 500;
+ padding: 10px;
+ border: 1px dashed #666666;
+}
+
+.mainbox {
+ width: 100%;
+ background-color: #EFEFEF;
+ display: table;
+ margin-bottom: 30px;
+ border-right: 8px solid #FFFF33;
+}
+
+.mainboxnegativ {
+ width: 100%;
+ background-color: #000000;
+ display: table;
+ margin-bottom: 30px;
+ border-right: 8px solid #FFFF33;
+ color: #F9F9F9;
+}
+
+.mainbox2 {
+ font-size: 1em;
+ width: 90%;
+ padding-right: 20px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.mainbox3 {
+ width: 100%;
+ background-color: #b8b8b8;
+ display: table;
+ margin-bottom: 30px;
+ border-right: 8px solid #bd70ff;
+}
+
+.mainbox2negativ {
+ font-size: 1em;
+ color: #F9F9F9;
+ background-color: #000000;
+ padding-right: 20px;
+}
+
+.farsiparagraph {
+ font-size: 1em;
+ width: 47%;
+ float:right;
+ padding-right: 20px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+
+}
+.englishparagraph {
+ font-size: 1em;
+ width: 47%;
+ float: left;
+ direction:ltr;
+ padding-left: 20px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+
+
+}
+.rightbox {
+ width: 60%;
+ padding-right: 20px;
+ padding-left: 5px;
+ float: right;
+ margin-left: 10px;
+ margin-bottom: 0px;
+ min-width: 0px;
+ background-color: #F7F7F7;
+
+}
+
+.titelbox {
+ width: 60%;
+ padding-right: 25px;
+ padding-left: 0px;
+ float: right;
+ margin-left: 10px;
+ margin-bottom: 0px;
+ min-width: 0px;
+ background-color: #F2F2F2;
+ color: #4B4B4B;
+}
+
+
+.lefttbox {
+
+ padding-right: 20px;
+ padding-left: 4px;
+ float: right;
+ margin-bottom: 10px;
+ min-width: 0px;
+}
+
+.alphabet {
+ width: 35%;
+ float: left;
+ font-size: 21em;
+ text-align: center;
+ font-weight: 500;
+ color: #999999;
+}
+
+.alphabet2 {
+ width: 35%;
+ float: left;
+ direction: ltr;
+ font-size: 1.6em;
+ text-align: left;
+ font-weight: 500;
+ color: #333333;
+ margin-top: 100px;
+}
+.footer {
+ font-weight: 300;
+ font-size: 0.7em;
+ text-align: center;
+ direction: ltr;
+ margin-bottom: 0px;
+ padding-bottom: 0px;
+}
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum).eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum).eot
new file mode 100644
index 0000000..5a6fdd0
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum).eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Black.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Black.eot
new file mode 100644
index 0000000..a012bc6
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Black.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Bold.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Bold.eot
new file mode 100644
index 0000000..82525e5
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Bold.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Light.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Light.eot
new file mode 100644
index 0000000..f899008
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Light.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Medium.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Medium.eot
new file mode 100644
index 0000000..117c2c8
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Medium.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot
new file mode 100644
index 0000000..9cd9b66
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum).ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum).ttf
new file mode 100644
index 0000000..cd74265
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum).ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf
new file mode 100644
index 0000000..0f84dbf
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf
new file mode 100644
index 0000000..6fa2412
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf
new file mode 100644
index 0000000..d9000c9
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf
new file mode 100644
index 0000000..e20001c
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf
new file mode 100644
index 0000000..0072606
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum).woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum).woff
new file mode 100644
index 0000000..e34dfc4
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum).woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Black.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Black.woff
new file mode 100644
index 0000000..bbbca77
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Black.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Bold.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Bold.woff
new file mode 100644
index 0000000..05d933e
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Bold.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Light.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Light.woff
new file mode 100644
index 0000000..fe80d47
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Light.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Medium.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Medium.woff
new file mode 100644
index 0000000..f13a870
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Medium.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff
new file mode 100644
index 0000000..9c653a4
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum).woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum).woff2
new file mode 100644
index 0000000..30a377d
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum).woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2
new file mode 100644
index 0000000..0b15441
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2
new file mode 100644
index 0000000..f2353b2
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2
new file mode 100644
index 0000000..562d663
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2
new file mode 100644
index 0000000..a69f4d0
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2
new file mode 100644
index 0000000..1114f71
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans.ttf
new file mode 100644
index 0000000..2cf3495
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Black.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Black.ttf
new file mode 100644
index 0000000..7765eb4
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Black.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Bold.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Bold.ttf
new file mode 100644
index 0000000..053ffc7
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Bold.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Light.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Light.ttf
new file mode 100644
index 0000000..2095056
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Light.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Medium.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Medium.ttf
new file mode 100644
index 0000000..4b0cf29
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_Medium.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_UltraLight.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_UltraLight.ttf
new file mode 100644
index 0000000..30c6239
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/IRANSans_UltraLight.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/IRANSans.html b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/IRANSans.html
new file mode 100644
index 0000000..89af37a
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/IRANSans.html
@@ -0,0 +1,281 @@
+
+
+
+
+IRANSans Family Type face: خانواده فونت ایران سن سریف
+
+
+
+
+
+
+
+
+
+
+
+
بِسْمِ الله الرَّحْمَنِ الرَّحِيمِ
+
+
د
+
+
+ ن وَالْقَلَمِ وَ مَا يَسْطُرُون
+
+ نون؛ سوگند به قلم و آنچه می نويسند.
+
+ Noon. I swear by the pen and what the angels write
+
+
+
+
+
+
+
+
+
نکاتی درباره تایپوگرافی وب
+
+
+
خ
+
+
از زمان پیدایش نخستین وب سایت، متن ها یکی از اجزای مهم صفحات وب بودند. هر چند به مرور زمان با ورود تصاویر، صوت و فیلم کمی از بار مسئولیت متون کم شد اما هنوز جایگاه خود را از دست نداده اند و بخش مهمی از کار را به عهده دارند.
+
بسیاری از طراحان وب سایت به صورت تجربی بهترین ترکیب و ظاهر را برای نمایش متن ها انتخاب می کنند. اما اصولی وجود دارد که با رعایت آن ها، تاثیرپذیری و زیبایی سایت چند برابر خواهد شد.
+
در ادامه مطلب قصد داریم تعدادی از اصول مقدماتی تایپوگرافی را به اختصار مرور کنیم. هرچند بسیاری از دوستان با این نکات آشنا هستند؛ اما شاید مرور آن ها خالی از لطف نباشد.
+
+
+
+
+
+
+
+
تاثیر اندازه فونت و سلسله مراتب تگها
+
+
پ
+
+
فونت های داخل سایت باید به گونه ای قرار گیرند که کاربر به راحتی بتواند آن ها را بخواند. نوع فونت، وزن و کوچک (یا بزرگ) بودن اندازه آن ممکن است تمایل کاربر برای بازگشت به وب سایت را کاهش دهد. قواعد و قوانین زیادی برای انتخاب بهترین فونت وجود دارد.
+
در زیر می توانید ۵ وزن مختلف خانواده فونت ایران سن سریف را در شرایط یکسان مشاهده کنید. لازم به ذکر است برای این صفحه از وزن نازک (Light) استفاده شده است.
+
+
+
+
+
+
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Ultra Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Regular)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Medium)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Bold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Black)
+
+
+
+
+
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Ultra Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Regular)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Medium)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Bold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Black)
+
+
+
+
+
+
تگهای هدینگ
+
+
ی
+
+
در این بین، استفاده از تگ های هدینگ مناسب و رعایت سلسله مراتب آن ها، هم مفهوم نوشته را بهتر منتقل می کند و هم تاثیر قابل توجهی در نتایج موتورهای جستجو خواهد داشت. این نکته یکی از فاکتورهای مهم در بهینه سازی وب سایت برای موتورهای جستجو (Search Engine Optimization) است.
+
نمونه ای از خروجی تگ های هدینگ با سایز استاندارد مربوطه به فونت های فونت ایران را در زیر مشاهده می کنید.
+
+
+
+
+
+
(H1) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H2) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H3) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H4) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H5) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H6) نابرده رنج گنج میسر نمی شود. No gain without pain
+
+
+
+
+
+
(H1) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H2) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H3) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H4) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H5) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H6) نابرده رنج گنج میسر نمی شود. No gain without pain
+
+
+
+
+
+
سطر و ستون بندی
+
+
م
+
+
معمولاً هرگاه مقدار نوشته از یک سطر بیشتر شود ناگزیر به ستون بندی هستیم. و این کار ما را با چند متغییر مواجه خواهد کرد:
+
۱- عرض ستونهای متنی که حاوی حداقل۷ کلمه باشد بهترین انتخاب است. اگر ستون کوتاهتر باشد چشم بیننده در اثر حرکتهای زود به زود از پایان یک سطر به ابتدای سطر بعدی خسته خواهد شد. علاوه بر این لبه ستونهایی با عرض کم نیز همیشه دندانه ای و بی نظم خواهد بود. ستونهایی با عرض طولانی هم برای خواننده آزار دهنده است چرا که چشم در حرکت بازگشت از انتهای یک سطر به ابتدای سطر بعدی ممکن است دچار اشتباه شود.
+
+
۲- لدینگ یا همان فاصله سطر هم در ستون بندی اهمیت دارد. ستونهای فشرده اگرچه به لحاظ گرافیکی منسجم و زیبا هستند اما عمل خواندن را مختل می کنند و در مقابل، فاصله سطر زیاد نیز باعث نازیبایی و خستگی چشم خواننده میشود. فاصله سطر همیشه می تواند با توجه به نوع فونت و عرض ستونها تغییر کند. بدین ترتیب که فونتهایی با دندانههای بلندتر و ستونهایی با عرض بیشتر به لدینگ بیشتری نیاز دارند.
+
۳- همترازی هم یکی از متغییرهای پر بحث در ستون بندی است. اما به طور کوتاه و خلاصه باید گفت که بهتر است در متن فارسی از همترازی یا همان Justification استفاده نکنید. این عمل اگرچه لبه پاراگراف شما را مرتب خواهد کرد اما تنظیمات فاصله حروف را تغییر خواهد داد و در نتیجه باعث کاهش خوانایی خواهد شد.
+
+
+
+
(IRANSans Ultra Light)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
+
(IRANSans Light)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
+
(IRANSans Regular)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
+
(IRANSans Medium)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
(IRANSans Bold)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
+
(IRANSans Black)
+
ایران سن سریف IRANSans سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است. خانواده فونت ایران سنسریف در سال ۱۳۹۴ پرطرفدارترین فونت فارسی بوده است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
برای تایپ اعداد فارسی در محیط وب از کیبورد استاندارد فارسی استفاده کنید. در ویندوز ۸ و یا بالاتر این کیبورد، با نام Persian(Standard)Keyboard در لیست کیبوردهای ویندوز وجود دارد. همچنین می توانید از این آدرس آن را دانلود و نصب کنید.
+
+
با استفاده از کیبورد استاندارد میتوانید ممیز فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+3 است. به این شکل: ۳٫۱۴
+ ممیز فارسی با علامت اسلش تفاوت دارد :۳/۱۴
+
+
با استفاده از کیبورد استاندارد میتوانید جداکننده هزارگان فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+2 است. به این شکل: ۹٬۲۱۰٬۰۰۰
+ این علامت با جدا کننده هزارگان انگلیسی تفاوت دارد : ۹,۲۱۰,۰۰۰
+
اهمیت اندازه فونت در خوانایی و زیبا شدن صفحه وب سایت بر کسی پوشیده نیست. در کنار این بحث، موارد دیگری مانند ارتفاع خطوط، فاصله ها، ابعاد قسمت های مختلف و ... نیز در بحث تایپوگرافی اهمیت زیادی دارند.
+
برای محاسبه این اعداد می توانیم از سری اعداد متناسب (Modular Scale) استفاده کنیم. در حقیقت از تعدادی عدد پشت سر هم که بر اساس مضرب خاصی تشکیل شده اند برای تنظیمات ارتفاع خط، فاصله ها، ابعاد و ... استفاده می کنیم. نسبت (عدد) طلایی همان مضرب اعداد است.
+
به عنوان مثال می خواهیم از سایز 16px فونت ایران سن سریف به عنوان فونت و سایز اصلی متن صفحات استفاده کنیم. عدد فی (phi) یونانی که معادل ۱٫۶۱۸۰۳۳۹۸۸۷ (به اختصار ۱٫۶۱۸) است را به عنوان نسبت طلایی در نظر می گیریم. بنابراین سری اعدادی به شکل روبرو خواهیم داشت:
+
+
+ به کمک این اعداد و استفاده از آن ها در صفحات وب سایت خود می توانیم خوانایی و زیبایی آن را افزایش دهیم. علاوه بر آن، اگر از واحدهای نسبی مانند em استفاده شود، امکانات بیشتری در اختیار طراح و بازدیدکننده خواهد بود. البته سری اعداد بر مبنای نسبت طلایی فقط در تایپوگرافی وب سایت کاربرد ندارد.
+ این اعداد می تواند ادامه داشته باشد (۱٬۲۱۵٫۹۸۱ ، ۱٬۹۶۷٫۴۵۷ ، ۳٬۱۸۳٫۳۴۵ و ...).
+
+
+
+
+
+
+
خوانایی لینکها
+
غ
+
+
شاید بتوانیم از لینک ها (hyperlinks) به عنوان مهم ترین بخش وب سایت ها در ارتباط با سئو (SEO) و نیز یکی از پرکاربردترین اجزای وب سایت نام ببریم. بنابراین بازدیدکننده باید بتواند به راحتی آن ها را از سایر محتوای صفحه تشخیص داده و متن لینک شده را به سرعت و بدون مزاحمت مشاهده کند.
در صورت بروز این مشکل، یا باید خط زیرین تمام تگ های «a» غیر فعال شود و یا با ترفندهایی به شکل دیگر ایجاد شود (مانند قرار دادن border-bottom برای تگ های «a»).
+
همچنین پیشنهاد می کنیم از قراردادن افکت ها و transition های آزاردهنده روی لینک ها پرهیز کرده و برای راحتی کاربر از padding و color با کانتراست مناسب نسبت به زمینه استفاده کنید.
+
+
+
+
+
+
+
+
+در این فایل سعی کردیم همراه با یک مطلب آموزشی کوتاه، نحوه استفاده از خانواده فونت ایران سن سریف و پیش نمایشی از قسمت های مختلف آن را مرور کنیم.
+
+برای مشاهده راهنمای نحوه قراردادن فونت ها در وب سایت خود، به این آدرس مراجعه کنید.
+
+
+
+
ء
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/WebFonts.png b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/WebFonts.png
new file mode 100644
index 0000000..82d3e21
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/WebFonts.png differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/css/fontiran.css b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/css/fontiran.css
new file mode 100644
index 0000000..305e96a
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/css/fontiran.css
@@ -0,0 +1,78 @@
+/**
+*
+* Name: IRAN Sans-Serif Font
+* Version: 5.0
+* Author: Moslem Ebrahimi (moslemebrahimi.com)
+* Created on: Dec 25, 2012
+* Updated on: Sep 01, 2017
+* Website: http://fontiran.com
+* Copyright: Commercial/Proprietary Software
+--------------------------------------------------------------------------------------
+فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
+--------------------------------------------------------------------------------------
+IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
+--------------------------------------------------------------------------------------
+This set of fonts are used in this project under the license: (.....)
+--------------------------------------------------------------------------------------
+*
+**/
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: 900;
+ src: url('../fonts/eot/IRANSansWeb_Black.eot');
+ src: url('../fonts/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb_Black.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: bold;
+ src: url('../fonts/eot/IRANSansWeb_Bold.eot');
+ src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: 500;
+ src: url('../fonts/eot/IRANSansWeb_Medium.eot');
+ src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: 300;
+ src: url('../fonts/eot/IRANSansWeb_Light.eot');
+ src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: 200;
+ src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');
+ src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
+}
+@font-face {
+ font-family: IRANSans;
+ font-style: normal;
+ font-weight: normal;
+ src: url('../fonts/eot/IRANSansWeb.eot');
+ src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
+ url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
+ url('../fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+ url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
+}
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/css/style.css b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/css/style.css
new file mode 100644
index 0000000..733e06f
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/css/style.css
@@ -0,0 +1,190 @@
+@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
+body {
+ font-family: IRANSans !important;
+ font-weight: 300;
+ direction: rtl;
+ background-color: #E2E2E2;
+ margin: 0;
+}
+h1, h2, h3, h4, h5, h6,input, textarea {
+ font-family: IRANSans !important;
+}
+h1 {
+ font-weight: bold;
+}
+.wrapper {
+ max-width: 900px;
+ margin: 0 auto;
+}
+.ltr {
+ direction: ltr;
+}
+.text-right {
+ text-align: right;
+}
+.text-center {
+ text-align: center;
+}
+.text-left {
+ text-align: left;
+}
+.text-small {
+ font-size: 0.8em;
+}
+.text-xsmall {
+ font-size: 0.6em;
+}
+.text-large {
+ font-size: 1.2em;
+}
+.text-xlarge {
+ font-size: 1.4em;
+}
+.text-underline {
+ text-decoration:underline;
+}
+.text-ultralight {
+ font-weight: 200;
+}
+.text-light {
+ font-weight: 300;
+}
+.text-regular {
+ font-weight: normal;
+}
+.text-medium {
+ font-weight: 500;
+}
+.text-bold {
+ font-weight: bold;
+}
+.text-black {
+ font-weight: 900;
+}
+blockquote {
+ font-weight: 500;
+ padding: 10px;
+ border: 1px dashed #666666;
+}
+
+.mainbox {
+ width: 100%;
+ background-color: #EFEFEF;
+ display: table;
+ margin-bottom: 30px;
+ border-right: 8px solid #FFFF33;
+}
+
+.mainboxnegativ {
+ width: 100%;
+ background-color: #000000;
+ display: table;
+ margin-bottom: 30px;
+ border-right: 8px solid #FFFF33;
+ color: #F9F9F9;
+}
+
+.mainbox2 {
+ font-size: 1em;
+ width: 90%;
+ padding-right: 20px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.mainbox3 {
+ width: 100%;
+ background-color: #b8b8b8;
+ display: table;
+ margin-bottom: 30px;
+ border-right: 8px solid #bd70ff;
+}
+
+.mainbox2negativ {
+ font-size: 1em;
+ color: #F9F9F9;
+ background-color: #000000;
+ padding-right: 20px;
+}
+
+.farsiparagraph {
+ font-size: 1em;
+ width: 47%;
+ float:right;
+ padding-right: 20px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+
+}
+.englishparagraph {
+ font-size: 1em;
+ width: 47%;
+ float: left;
+ direction:ltr;
+ padding-left: 20px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+
+
+}
+.rightbox {
+ width: 60%;
+ padding-right: 20px;
+ padding-left: 5px;
+ float: right;
+ margin-left: 10px;
+ margin-bottom: 0px;
+ min-width: 0px;
+ background-color: #F7F7F7;
+
+}
+
+.titelbox {
+ width: 60%;
+ padding-right: 25px;
+ padding-left: 0px;
+ float: right;
+ margin-left: 10px;
+ margin-bottom: 0px;
+ min-width: 0px;
+ background-color: #F2F2F2;
+ color: #4B4B4B;
+}
+
+
+.lefttbox {
+
+ padding-right: 20px;
+ padding-left: 4px;
+ float: right;
+ margin-bottom: 10px;
+ min-width: 0px;
+}
+
+.alphabet {
+ width: 35%;
+ float: left;
+ font-size: 21em;
+ text-align: center;
+ font-weight: 500;
+ color: #999999;
+}
+
+.alphabet2 {
+ width: 35%;
+ float: left;
+ direction: ltr;
+ font-size: 1.6em;
+ text-align: left;
+ font-weight: 500;
+ color: #333333;
+ margin-top: 100px;
+}
+.footer {
+ font-weight: 300;
+ font-size: 0.7em;
+ text-align: center;
+ direction: ltr;
+ margin-bottom: 0px;
+ padding-bottom: 0px;
+}
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb.eot
new file mode 100644
index 0000000..553eec8
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Black.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Black.eot
new file mode 100644
index 0000000..ee7c6a0
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Black.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Bold.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Bold.eot
new file mode 100644
index 0000000..746a6e6
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Bold.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Light.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Light.eot
new file mode 100644
index 0000000..f79a681
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Light.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Medium.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Medium.eot
new file mode 100644
index 0000000..8b31d6b
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_Medium.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_UltraLight.eot b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_UltraLight.eot
new file mode 100644
index 0000000..fd4b205
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/eot/IRANSansWeb_UltraLight.eot differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb.ttf
new file mode 100644
index 0000000..7416c53
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Black.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Black.ttf
new file mode 100644
index 0000000..df4928f
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Black.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf
new file mode 100644
index 0000000..158fbaa
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Light.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Light.ttf
new file mode 100644
index 0000000..3060c60
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Light.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Medium.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Medium.ttf
new file mode 100644
index 0000000..6dd6c5d
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_Medium.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_UltraLight.ttf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_UltraLight.ttf
new file mode 100644
index 0000000..7ebe1bf
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/ttf/IRANSansWeb_UltraLight.ttf differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb.woff
new file mode 100644
index 0000000..abb63f2
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Black.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Black.woff
new file mode 100644
index 0000000..12c8a6e
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Black.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Bold.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Bold.woff
new file mode 100644
index 0000000..801c55d
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Bold.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Light.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Light.woff
new file mode 100644
index 0000000..99b8d5d
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Light.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Medium.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Medium.woff
new file mode 100644
index 0000000..322c396
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_Medium.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_UltraLight.woff b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_UltraLight.woff
new file mode 100644
index 0000000..31c21ca
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff/IRANSansWeb_UltraLight.woff differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb.woff2
new file mode 100644
index 0000000..21bbba5
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Black.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Black.woff2
new file mode 100644
index 0000000..da34aad
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Black.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2
new file mode 100644
index 0000000..dd1436c
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Light.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Light.woff2
new file mode 100644
index 0000000..16dc9f1
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Light.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Medium.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Medium.woff2
new file mode 100644
index 0000000..5fb39d4
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_Medium.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_UltraLight.woff2 b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_UltraLight.woff2
new file mode 100644
index 0000000..eeeec11
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/WebFonts/fonts/woff2/IRANSansWeb_UltraLight.woff2 differ
diff --git a/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/license.pdf b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/license.pdf
new file mode 100644
index 0000000..6f9c008
Binary files /dev/null and b/src/IranSans/IranSansX(Eco)/Old version/IRANSans5.5 (No support)/license.pdf differ
diff --git a/src/IranSans/IranSansX(Eco)/Webfonts/Fa Numral Help.html b/src/IranSans/IranSansX(Eco)/Webfonts/Fa Numral Help.html
new file mode 100644
index 0000000..bb8a5b4
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Webfonts/Fa Numral Help.html
@@ -0,0 +1,534 @@
+
+
+
+
+ IranSansX OpenType features in CSS
+
+
+
+
+
+
+
+
+
+
+
+
+
فارسی کردن اعداد انگلیسی و عربی
+
+
Stylistic alternates (ss01)
+
با فعال کردن استایلستیک سری ss01 اعداد انگلیسی بصورت فارسی نمایش داده میشود. در مثال زیر ردیف اول اعداد فارسی است و ردیف دوم اعداد انگلیسی است که فارسی شده است.
با فعال کردن استایلستیک سری ss03 اعداد بصورت منو اسپیس تایپ میشود یعنی عرض همه اعداد برابر است و مناسب استفاده در لیستها و جداول اطلاعات.
+
+در سطر دوم اعداد انگلیسی فارسی و همعرض شده است.
+
با فعال کردن استایلستیک سری ss04 اعداد کمی پایینتر از خط کرسی قرار میگیرد تا تراز عمودی در باکسهای طراحی وسط باشد.
+
+در مثال زیر: خط اول تراز اعداد در حالت پیشفرض و در خط دوم به کمک استایل ss04 تراز تغییر کرده است.
+
+
+
+
+
+
diff --git a/src/IranSans/IranSansX(Eco)/Webfonts/IranSansX.html b/src/IranSans/IranSansX(Eco)/Webfonts/IranSansX.html
new file mode 100644
index 0000000..7a68f4f
--- /dev/null
+++ b/src/IranSans/IranSansX(Eco)/Webfonts/IranSansX.html
@@ -0,0 +1,422 @@
+
+
+
+
+IRANSansX Family Type face: خانواده فونت ایرانسنس
+
+
+
+
+
+
+
+
+
+
+
+
+
بِسْمِ اللهِ الرَّحْمَنِ الرَّحِيمِ
+
+
د
+
+
+ ن وَالْقَلَمِ وَ مَا يَسْطُرُون
+
+ نون؛ سوگند به قلم و آنچه می نويسند.
+
+ Noon. I swear by the pen and what the angels write
+
+
+
+
+
+
+
+
+
نکاتی درباره تایپوگرافی وب
+
+
+
ج
+
+
از زمان پیدایش نخستین وب سایت، متن ها یکی از اجزای مهم صفحات وب بودند. هر چند به مرور زمان با ورود تصاویر، صوت و فیلم کمی از بار مسئولیت متون کم شد اما هنوز جایگاه خود را از دست نداده اند و بخش مهمی از کار را به عهده دارند.
+
بسیاری از طراحان وب سایت به صورت تجربی بهترین ترکیب و ظاهر را برای نمایش متن ها انتخاب می کنند. اما اصولی وجود دارد که با رعایت آن ها، تاثیرپذیری و زیبایی سایت چند برابر خواهد شد.
+
در ادامه مطلب قصد داریم تعدادی از اصول مقدماتی تایپوگرافی را به اختصار مرور کنیم. هرچند بسیاری از دوستان با این نکات آشنا هستند؛ اما شاید مرور آن ها خالی از لطف نباشد.
+
+
+
+
+
+
+
+
تاثیر اندازه فونت و سلسله مراتب تگها
+
+
ن
+
+
فونت های داخل سایت باید به گونه ای قرار گیرند که کاربر به راحتی بتواند آن ها را بخواند. نوع فونت، وزن و کوچک (یا بزرگ) بودن اندازه آن ممکن است تمایل کاربر برای بازگشت به وب سایت را کاهش دهد. قواعد و قوانین زیادی برای انتخاب بهترین فونت وجود دارد.
+
در زیر می توانید ۱۲ وزن مختلف خانواده فونت ایرانسنس را در شرایط یکسان مشاهده کنید. لازم به ذکر است برای این صفحه از وزن معمولی (Normal) استفاده شده است.
+
+
+
+
+
+
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Thin)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (UltraLight)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Regular)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Medium)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (demiBold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Bold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (ExtraBold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Black)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (ExBlack)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Heavy)
+
+
+
+
+
+
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Thin)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (UltraLight)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Light)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Regular)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Medium)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (demiBold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Bold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (ExtraBold)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Black)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (ExBlack)
+
بیانِ زبان با گذشت زمان کهنه می شود و بیانِ قلم برای همیشه باقی می ماند (Heavy)
+
+
+
+
+
+
+
تگهای هدینگ
+
+
و
+
+
در این بین، استفاده از تگ های هدینگ مناسب و رعایت سلسله مراتب آن ها، هم مفهوم نوشته را بهتر منتقل می کند و هم تاثیر قابل توجهی در نتایج موتورهای جستجو خواهد داشت. این نکته یکی از فاکتورهای مهم در بهینه سازی وب سایت برای موتورهای جستجو (Search Engine Optimization) است.
+
نمونه ای از خروجی تگ های هدینگ با سایز استاندارد مربوطه به فونت های فونت ایرانسنس را در زیر مشاهده می کنید.
+
+
+
+
+
+
(H1) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H2) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H3) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H4) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H5) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H6) نابرده رنج گنج میسر نمی شود. No gain without pain
+
+
+
+
+
+
(H1) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H2) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H3) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H4) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H5) نابرده رنج گنج میسر نمی شود. No gain without pain
+
(H6) نابرده رنج گنج میسر نمی شود. No gain without pain
+
+
+
+
+
+
سطر و ستون بندی
+
+
م
+
+
معمولاً هرگاه مقدار نوشته از یک سطر بیشتر شود ناگزیر به ستون بندی هستیم. و این کار ما را با چند متغییر مواجه خواهد کرد:
+
۱- عرض ستونهای متنی که حاوی حداقل۷ کلمه باشد بهترین انتخاب است. اگر ستون کوتاهتر باشد چشم بیننده در اثر حرکتهای زود به زود از پایان یک سطر به ابتدای سطر بعدی خسته خواهد شد. علاوه بر این لبه ستونهایی با عرض کم نیز همیشه دندانه ای و بی نظم خواهد بود. ستونهایی با عرض طولانی هم برای خواننده آزار دهنده است چرا که چشم در حرکت بازگشت از انتهای یک سطر به ابتدای سطر بعدی ممکن است دچار اشتباه شود.
+
+
۲- لدینگ یا همان فاصله سطر هم در ستون بندی اهمیت دارد. ستونهای فشرده اگرچه به لحاظ گرافیکی منسجم و زیبا هستند اما عمل خواندن را مختل می کنند و در مقابل، فاصله سطر زیاد نیز باعث نازیبایی و خستگی چشم خواننده میشود. فاصله سطر همیشه می تواند با توجه به نوع فونت و عرض ستونها تغییر کند. بدین ترتیب که فونتهایی با دندانههای بلندتر و ستونهایی با عرض بیشتر به لدینگ بیشتری نیاز دارند.
+
۳- همترازی هم یکی از متغییرهای پر بحث در ستون بندی است. اما به طور کوتاه و خلاصه باید گفت که بهتر است در متن فارسی از همترازی یا همان Justification استفاده نکنید. این عمل اگرچه لبه پاراگراف شما را مرتب خواهد کرد اما تنظیمات فاصله حروف را تغییر خواهد داد و در نتیجه باعث کاهش خوانایی خواهد شد.
+
+
+
+
(IRANSansX Thin)
+
ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX UltraLight)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Light)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Regular)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Mediume)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX DemiBold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Bold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX ExtraBold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Black)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX ExtraBlack)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Heavy)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
+
(IRANSansX Thin)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX UltraLight)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Light)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Regular)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Mediume)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX DemiBold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Bold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX ExtraBold)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Black)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX ExtraBlack)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
+
+
+
+
(IRANSansX Heavy)
+
+ایران سن سریف IRANSansX سبکی ساده و ضخامت یکسان از قلم ایران است که با وجود حفظ ساختار قلمهای رایج ایرانی حال و هوای مدرن و امروزی دارد. سادگی شکل حروف و استفاده از حداقل شکستگی باعث شده است این تایپ فیس علاوه بر خوانا بودن زیبا و چشم نواز نیز باشد. این فونت با سبکهای طراحی کمینهگرا Minimal سازگاری خوبی دارد و همنشین مناسبی برای فونتهای سنسریف لاتین است.
+
+
+Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
برای تایپ اعداد فارسی در محیط وب از کیبورد استاندارد فارسی استفاده کنید. در ویندوز ۸ و یا بالاتر این کیبورد، با نام Persian(Standard)Keyboard در لیست کیبوردهای ویندوز وجود دارد. همچنین می توانید از این آدرس آن را دانلود و نصب کنید.
+
+
با استفاده از کیبورد استاندارد میتوانید ممیز فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+3 است. به این شکل: ۳٫۱۴
+ ممیز فارسی با علامت اسلش تفاوت دارد :۳/۱۴
+
+
با استفاده از کیبورد استاندارد میتوانید جداکننده هزارگان فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+2 است. به این شکل: ۹٬۲۱۰٬۰۰۰
+ این علامت با جدا کننده هزارگان انگلیسی تفاوت دارد : ۹,۲۱۰,۰۰۰
+
اهمیت اندازه فونت در خوانایی و زیبا شدن صفحه وب سایت بر کسی پوشیده نیست. در کنار این بحث، موارد دیگری مانند ارتفاع خطوط، فاصله ها، ابعاد قسمت های مختلف و ... نیز در بحث تایپوگرافی اهمیت زیادی دارند.
+
برای محاسبه این اعداد می توانیم از سری اعداد متناسب (Modular Scale) استفاده کنیم. در حقیقت از تعدادی عدد پشت سر هم که بر اساس مضرب خاصی تشکیل شده اند برای تنظیمات ارتفاع خط، فاصله ها، ابعاد و ... استفاده می کنیم. نسبت (عدد) طلایی همان مضرب اعداد است.
+
به عنوان مثال می خواهیم از سایز 16px فونت ایرانسنس به عنوان فونت و سایز اصلی متن صفحات استفاده کنیم. عدد فی (phi) یونانی که معادل ۱٫۶۱۸۰۳۳۹۸۸۷ (به اختصار ۱٫۶۱۸) است را به عنوان نسبت طلایی در نظر می گیریم. بنابراین سری اعدادی به شکل روبرو خواهیم داشت:
+
+
+ به کمک این اعداد و استفاده از آن ها در صفحات وب سایت خود می توانیم خوانایی و زیبایی آن را افزایش دهیم. علاوه بر آن، اگر از واحدهای نسبی مانند em استفاده شود، امکانات بیشتری در اختیار طراح و بازدیدکننده خواهد بود. البته سری اعداد بر مبنای نسبت طلایی فقط در تایپوگرافی وب سایت کاربرد ندارد.
+ این اعداد می تواند ادامه داشته باشد (۱٬۲۱۵٫۹۸۱ ، ۱٬۹۶۷٫۴۵۷ ، ۳٬۱۸۳٫۳۴۵ و ...).
+
+ ایرانسنس
+
+
+
+
+
+
+
+در این فایل سعی کردیم همراه با یک مطلب آموزشی کوتاه، نحوه استفاده از خانواده فونت ایرانسنس و پیش نمایشی از قسمت های مختلف آن را مرور کنیم.
+
+برای مشاهده راهنمای نحوه قراردادن فونت ها در وب سایت خود، به این آدرس مراجعه کنید.
+
+
+
+
+
+