diff --git a/package.json b/package.json index a468a63..7b541e9 100644 --- a/package.json +++ b/package.json @@ -67,6 +67,7 @@ "react": "^17.0.2", "react-app-polyfill": "^2.0.0", "react-audio-player": "^0.17.0", + "react-bootstrap": "^1.6.1", "react-dev-utils": "^11.0.3", "react-dom": "^17.0.2", "react-elastic-carousel": "^0.11.5", diff --git a/public/assets/IRANSans/About_Different_formats.pdf b/public/assets/IRANSans/About_Different_formats.pdf new file mode 100644 index 0000000..d5f7054 Binary files /dev/null and b/public/assets/IRANSans/About_Different_formats.pdf differ diff --git a/public/assets/IRANSans/About_Different_formats.png b/public/assets/IRANSans/About_Different_formats.png new file mode 100644 index 0000000..251d5d6 Binary files /dev/null and b/public/assets/IRANSans/About_Different_formats.png differ diff --git a/public/assets/IRANSans/Farsi_numerals/Black.ttf b/public/assets/IRANSans/Farsi_numerals/Black.ttf new file mode 100644 index 0000000..5870d25 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/Black.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/Bold.ttf b/public/assets/IRANSans/Farsi_numerals/Bold.ttf new file mode 100644 index 0000000..7030427 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/Bold.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/English to Farsi numbers help.pdf b/public/assets/IRANSans/Farsi_numerals/English to Farsi numbers help.pdf new file mode 100644 index 0000000..8ffdbeb Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/English to Farsi numbers help.pdf differ diff --git a/public/assets/IRANSans/Farsi_numerals/Farsi_numerals.png b/public/assets/IRANSans/Farsi_numerals/Farsi_numerals.png new file mode 100644 index 0000000..985a9d4 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/Farsi_numerals.png differ diff --git a/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum).ttf b/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum).ttf new file mode 100644 index 0000000..10f2a48 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum).ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum)_Medium.ttf b/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum)_Medium.ttf new file mode 100644 index 0000000..4913cd8 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum)_Medium.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum)_UltraLight.ttf b/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum)_UltraLight.ttf new file mode 100644 index 0000000..758b923 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/IRANSans(FaNum)_UltraLight.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum).ttf b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum).ttf new file mode 100644 index 0000000..c60002a Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum).ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Black.ttf b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Black.ttf new file mode 100644 index 0000000..411ef9e Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Black.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Bold.ttf b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Bold.ttf new file mode 100644 index 0000000..09fab2b Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Bold.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Light.ttf b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Light.ttf new file mode 100644 index 0000000..ecdac1d Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Light.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Medium.ttf b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Medium.ttf new file mode 100644 index 0000000..3dc55d0 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_Medium.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_UltraLight.ttf b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_UltraLight.ttf new file mode 100644 index 0000000..6564159 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/MobileFonts/IRANSansMobile(FaNum)_UltraLight.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/MobileFonts/MobileFonts.png b/public/assets/IRANSans/Farsi_numerals/MobileFonts/MobileFonts.png new file mode 100644 index 0000000..2aedf87 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/MobileFonts/MobileFonts.png differ diff --git a/public/assets/IRANSans/Farsi_numerals/light.ttf b/public/assets/IRANSans/Farsi_numerals/light.ttf new file mode 100644 index 0000000..fe57ae6 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/light.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/IRANSans.html b/public/assets/IRANSans/Farsi_numerals/webFonts/IRANSans.html new file mode 100644 index 0000000..89af37a --- /dev/null +++ b/public/assets/IRANSans/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. +
+ +
+ +
+
+

اعداد و علائم در فونت فارسی

+
+
ظ
+
+

اعداد فارسی: ۱۲۳۴۵۶۷۸۹۰
+ اعداد عربی: ۱۲۳٤٥٦۷۸۹۰
+ اعداد انگلیسی: 1234567890

+

برای تایپ اعداد فارسی در محیط وب از کیبورد استاندارد فارسی استفاده کنید. در ویندوز ۸ و یا بالاتر این کیبورد، با نام Persian(Standard)Keyboard در لیست کیبوردهای ویندوز وجود دارد. همچنین می توانید از این آدرس آن را دانلود و نصب کنید.

+ +

با استفاده از کیبورد استاندارد می‌توانید ممیز فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+3 است. به این شکل: ۳٫۱۴
+ ممیز فارسی با علامت اسلش تفاوت دارد :۳/۱۴ +

+

با استفاده از کیبورد استاندارد می‌توانید جداکننده هزارگان فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+2 است. به این شکل: ۹٬۲۱۰٬۰۰۰
+ این علامت با جدا کننده هزارگان انگلیسی تفاوت دارد : ۹,۲۱۰,۰۰۰ +

+
+
+ +
+
+

نسبت‌های طلایی

+
+
+
+ ۳٫۷۷۷ ÷ ۱٫۶۱۸ = ۲٫۳۳۵ +
+ ۶٫۱۱۲ ÷ ۱٫۶۱۸ = ۳٫۷۷۷ +
+ ۹٫۸۸۹ ÷ ۱٫۶۱۸ = ۶٫۱۱۲ +
+ ۱۶ ÷ ۱٫۶۱۸ = ۹٫۸۸۹ +
+....................................... +
+ ۱۶ × ۱٫۶۱۸ = ۲۵٫۸۸۸ +
+ ۲۵٫۸۸۸ × ۱٫۶۱۸ = ۴۱٫۸۸۷ +
+ ۴۱٫۸۸۷ × ۱٫۶۱۸ = ۶۷٫۷۷۳ +
+ ۶۷٫۷۷۳ × ۱٫۶۱۸ = ۱۰۹٫۶۵۶ +
+
+
+

اهمیت اندازه فونت در خوانایی و زیبا شدن صفحه وب سایت بر کسی پوشیده نیست. در کنار این بحث، موارد دیگری مانند ارتفاع خطوط، فاصله ها، ابعاد قسمت های مختلف و ... نیز در بحث تایپوگرافی اهمیت زیادی دارند.

+

برای محاسبه این اعداد می توانیم از سری اعداد متناسب (Modular Scale) استفاده کنیم. در حقیقت از تعدادی عدد پشت سر هم که بر اساس مضرب خاصی تشکیل شده اند برای تنظیمات ارتفاع خط، فاصله ها، ابعاد و ... استفاده می کنیم. نسبت (عدد) طلایی همان مضرب اعداد است.

+

به عنوان مثال می خواهیم از سایز 16px فونت ایران سن سریف به عنوان فونت و سایز اصلی متن صفحات استفاده کنیم. عدد فی (phi) یونانی که معادل ۱٫۶۱۸۰۳۳۹۸۸۷ (به اختصار ۱٫۶۱۸) است را به عنوان نسبت طلایی در نظر می گیریم. بنابراین سری اعدادی به شکل روبرو خواهیم داشت:

+ +

+ به کمک این اعداد و استفاده از آن ها در صفحات وب سایت خود می توانیم خوانایی و زیبایی آن را افزایش دهیم. علاوه بر آن، اگر از واحدهای نسبی مانند em استفاده شود، امکانات بیشتری در اختیار طراح و بازدیدکننده خواهد بود. البته سری اعداد بر مبنای نسبت طلایی فقط در تایپوگرافی وب سایت کاربرد ندارد. + این اعداد می تواند ادامه داشته باشد (۱٬۲۱۵٫۹۸۱ ، ۱٬۹۶۷٫۴۵۷ ، ۳٬۱۸۳٫۳۴۵ و ...). +

+ +
+
+ +
+

خوانایی لینک‌ها

+
غ
+
+

شاید بتوانیم از لینک ها (hyperlinks) به عنوان مهم ترین بخش وب سایت ها در ارتباط با سئو (SEO) و نیز یکی از پرکاربردترین اجزای وب سایت نام ببریم. بنابراین بازدیدکننده باید بتواند به راحتی آن ها را از سایر محتوای صفحه تشخیص داده و متن لینک شده را به سرعت و بدون مزاحمت مشاهده کند.

+

به صورت پیش فرض، متن هایی که داخل یک هایپرلینک قرار می گیرند، زیر خط دار یا underline می شوند (مانند این لینک یا پیوند به صفحه اصلی فونت ایران). در بسیاری از فونت های فارسی، این خط روی متن و نقطه ها قرار می گیرد (مانند این لینک یا پیوند به صفحه اصلی فونت ایران با فونت تاهوما).

+

در صورت بروز این مشکل، یا باید خط زیرین تمام تگ های «a» غیر فعال شود و یا با ترفندهایی به شکل دیگر ایجاد شود (مانند قرار دادن border-bottom برای تگ های «a»).

+

همچنین پیشنهاد می کنیم از قراردادن افکت ها و transition های آزاردهنده روی لینک ها پرهیز کرده و برای راحتی کاربر از padding و color با کانتراست مناسب نسبت به زمینه استفاده کنید.

+
+
+ + + +
+
+
+در این فایل سعی کردیم همراه با یک مطلب آموزشی کوتاه، نحوه استفاده از خانواده فونت ایران سن سریف و پیش نمایشی از قسمت های مختلف آن را مرور کنیم. +
+برای مشاهده راهنمای نحوه قراردادن فونت ها در وب سایت خود، به این آدرس مراجعه کنید. +
+
+
+
ء
+
+ +
+ +
+ + \ No newline at end of file diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/WebFonts.png b/public/assets/IRANSans/Farsi_numerals/webFonts/WebFonts.png new file mode 100644 index 0000000..82d3e21 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/WebFonts.png differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/css/fontiran.css b/public/assets/IRANSans/Farsi_numerals/webFonts/css/fontiran.css new file mode 100644 index 0000000..207febc --- /dev/null +++ b/public/assets/IRANSans/Farsi_numerals/webFonts/css/fontiran.css @@ -0,0 +1,86 @@ +/** +* +* 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/public/assets/IRANSans/Farsi_numerals/webFonts/css/style.css b/public/assets/IRANSans/Farsi_numerals/webFonts/css/style.css new file mode 100644 index 0000000..b5457ff --- /dev/null +++ b/public/assets/IRANSans/Farsi_numerals/webFonts/css/style.css @@ -0,0 +1,191 @@ +@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/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum).eot b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum).eot new file mode 100644 index 0000000..5a6fdd0 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum).eot differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Black.eot b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Black.eot new file mode 100644 index 0000000..a012bc6 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Black.eot differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Bold.eot b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Bold.eot new file mode 100644 index 0000000..82525e5 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Bold.eot differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Light.eot b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Light.eot new file mode 100644 index 0000000..f899008 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Light.eot differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Medium.eot b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Medium.eot new file mode 100644 index 0000000..117c2c8 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_Medium.eot differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot new file mode 100644 index 0000000..9cd9b66 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum).ttf b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum).ttf new file mode 100644 index 0000000..cd74265 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum).ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf new file mode 100644 index 0000000..0f84dbf Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf new file mode 100644 index 0000000..6fa2412 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf new file mode 100644 index 0000000..d9000c9 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf new file mode 100644 index 0000000..e20001c Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf new file mode 100644 index 0000000..0072606 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum).woff b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum).woff new file mode 100644 index 0000000..e34dfc4 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum).woff differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Black.woff b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Black.woff new file mode 100644 index 0000000..bbbca77 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Black.woff differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Bold.woff b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Bold.woff new file mode 100644 index 0000000..05d933e Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Bold.woff differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Light.woff b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Light.woff new file mode 100644 index 0000000..fe80d47 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Light.woff differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Medium.woff b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Medium.woff new file mode 100644 index 0000000..f13a870 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_Medium.woff differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff new file mode 100644 index 0000000..9c653a4 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum).woff2 b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum).woff2 new file mode 100644 index 0000000..30a377d Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum).woff2 differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2 b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2 new file mode 100644 index 0000000..0b15441 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2 differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2 b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2 new file mode 100644 index 0000000..f2353b2 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2 differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2 b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2 new file mode 100644 index 0000000..562d663 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2 differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2 b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2 new file mode 100644 index 0000000..a69f4d0 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2 differ diff --git a/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2 b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2 new file mode 100644 index 0000000..1114f71 Binary files /dev/null and b/public/assets/IRANSans/Farsi_numerals/webFonts/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2 differ diff --git a/public/assets/IRANSans/FontLicense.txt b/public/assets/IRANSans/FontLicense.txt new file mode 100644 index 0000000..221e084 --- /dev/null +++ b/public/assets/IRANSans/FontLicense.txt @@ -0,0 +1,18 @@ +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: (.....) + +''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' +In case you use this set of fonts in a software product, write the license code in the specified place and place this file next to the fonts. + +''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' +فونت های ايران سن‌سریف يک نرم افزار مالکيتی محسوب می شود جهت آگاهی از قوانين استفاده از اين فونت‌ها لطفاً به وبسايت +www.fontiran.com +مراجعه نماييد +اين مجموعه فونت تحت اجازه نامه +(.....) +در اين پروژه استفاده می شود + +''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' +در صورت استفاده از این مجموعه فونت در یک محصول نرم افزاری‌ یا وب‌سایت کد ۵ رقمی لایسنس خود را در محل مشخص شده (.....) درج کنید و این فایل را در کنار فونت ها قرار دهید. diff --git a/public/assets/IRANSans/IRANSans.ttf b/public/assets/IRANSans/IRANSans.ttf new file mode 100644 index 0000000..2cf3495 Binary files /dev/null and b/public/assets/IRANSans/IRANSans.ttf differ diff --git a/public/assets/IRANSans/IRANSans5.jpg b/public/assets/IRANSans/IRANSans5.jpg new file mode 100644 index 0000000..6f7dd2e Binary files /dev/null and b/public/assets/IRANSans/IRANSans5.jpg differ diff --git a/public/assets/IRANSans/IRANSans5_5.html b/public/assets/IRANSans/IRANSans5_5.html new file mode 100644 index 0000000..c498eea --- /dev/null +++ b/public/assets/IRANSans/IRANSans5_5.html @@ -0,0 +1,81 @@ + + + + + IRANSans Family Type face: خانواده فونت ایران سن سریف + + + + + + + + +
+

+


+
+
+

اگر از خدمات فونت ایران رضایت دارید:

+
+
+
+
+ +
+
+

+
+ لطفاً: +
+ ۱) فایل‌های درون این بسته را به اشتراک نگذارید. +
+ ۲) همکاران خود را به خرید این محصول ترغیب کنید. +
+ ۳) برای محصولات خود اجازه‌نامه تهیه کنید. +
+ ۴) طبق راهنما، کد ۵ رقمی اجازه‌نامه را در محصول خود درج کنید و کاربران خود را از + کپی‌رایت این محصول آگاه کنید.
+

+ +

+ کدامیک از محصولات و شرکت‌ها با خرید اجازه‌نامه از حقوق ما حمایت کرده‌اند؟ +

+

+ کدام سایت‌ها و نرم افزارها بدون اجازه‌نامه از فونت ایران استفاده می‌کنند؟ +

+ +
+
+
+ +
+
+ + diff --git a/public/assets/IRANSans/IRANSans_Black.ttf b/public/assets/IRANSans/IRANSans_Black.ttf new file mode 100644 index 0000000..7765eb4 Binary files /dev/null and b/public/assets/IRANSans/IRANSans_Black.ttf differ diff --git a/public/assets/IRANSans/IRANSans_Bold.ttf b/public/assets/IRANSans/IRANSans_Bold.ttf new file mode 100644 index 0000000..053ffc7 Binary files /dev/null and b/public/assets/IRANSans/IRANSans_Bold.ttf differ diff --git a/public/assets/IRANSans/IRANSans_Light.ttf b/public/assets/IRANSans/IRANSans_Light.ttf new file mode 100644 index 0000000..2095056 Binary files /dev/null and b/public/assets/IRANSans/IRANSans_Light.ttf differ diff --git a/public/assets/IRANSans/IRANSans_Medium.ttf b/public/assets/IRANSans/IRANSans_Medium.ttf new file mode 100644 index 0000000..4b0cf29 Binary files /dev/null and b/public/assets/IRANSans/IRANSans_Medium.ttf differ diff --git a/public/assets/IRANSans/IRANSans_UltraLight.ttf b/public/assets/IRANSans/IRANSans_UltraLight.ttf new file mode 100644 index 0000000..30c6239 Binary files /dev/null and b/public/assets/IRANSans/IRANSans_UltraLight.ttf differ diff --git a/public/assets/IRANSans/MobileFonts/IRANSansMobile.ttf b/public/assets/IRANSans/MobileFonts/IRANSansMobile.ttf new file mode 100644 index 0000000..3c9b756 Binary files /dev/null and b/public/assets/IRANSans/MobileFonts/IRANSansMobile.ttf differ diff --git a/public/assets/IRANSans/MobileFonts/IRANSansMobile_Black.ttf b/public/assets/IRANSans/MobileFonts/IRANSansMobile_Black.ttf new file mode 100644 index 0000000..07f27f5 Binary files /dev/null and b/public/assets/IRANSans/MobileFonts/IRANSansMobile_Black.ttf differ diff --git a/public/assets/IRANSans/MobileFonts/IRANSansMobile_Bold.ttf b/public/assets/IRANSans/MobileFonts/IRANSansMobile_Bold.ttf new file mode 100644 index 0000000..0b16cde Binary files /dev/null and b/public/assets/IRANSans/MobileFonts/IRANSansMobile_Bold.ttf differ diff --git a/public/assets/IRANSans/MobileFonts/IRANSansMobile_Light.ttf b/public/assets/IRANSans/MobileFonts/IRANSansMobile_Light.ttf new file mode 100644 index 0000000..117586e Binary files /dev/null and b/public/assets/IRANSans/MobileFonts/IRANSansMobile_Light.ttf differ diff --git a/public/assets/IRANSans/MobileFonts/IRANSansMobile_Medium.ttf b/public/assets/IRANSans/MobileFonts/IRANSansMobile_Medium.ttf new file mode 100644 index 0000000..c63c148 Binary files /dev/null and b/public/assets/IRANSans/MobileFonts/IRANSansMobile_Medium.ttf differ diff --git a/public/assets/IRANSans/MobileFonts/IRANSansMobile_UltraLight.ttf b/public/assets/IRANSans/MobileFonts/IRANSansMobile_UltraLight.ttf new file mode 100644 index 0000000..ff2f06f Binary files /dev/null and b/public/assets/IRANSans/MobileFonts/IRANSansMobile_UltraLight.ttf differ diff --git a/public/assets/IRANSans/MobileFonts/MobileFonts.png b/public/assets/IRANSans/MobileFonts/MobileFonts.png new file mode 100644 index 0000000..2aedf87 Binary files /dev/null and b/public/assets/IRANSans/MobileFonts/MobileFonts.png differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum.ttf b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum.ttf new file mode 100644 index 0000000..26ac25f Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Black.ttf b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Black.ttf new file mode 100644 index 0000000..c2c59ec Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Black.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Bold.ttf b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Bold.ttf new file mode 100644 index 0000000..186b4f4 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Bold.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Light.ttf b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Light.ttf new file mode 100644 index 0000000..4d6da97 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Light.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Medium.ttf b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Medium.ttf new file mode 100644 index 0000000..371d71d Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_Medium.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_UltraLight.ttf b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_UltraLight.ttf new file mode 100644 index 0000000..0ce6793 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/IRANSansMonoSpacedNum_UltraLight.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/MonoSpaced Numral.png b/public/assets/IRANSans/MonoSpaced_Numral/MonoSpaced Numral.png new file mode 100644 index 0000000..54dd906 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/MonoSpaced Numral.png differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansFaNum_Black.ttf b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansFaNum_Black.ttf new file mode 100644 index 0000000..7b03e32 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansFaNum_Black.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral.ttf b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral.ttf new file mode 100644 index 0000000..617bbe5 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_Bold.ttf b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_Bold.ttf new file mode 100644 index 0000000..48a5b42 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_Bold.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_Light.ttf b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_Light.ttf new file mode 100644 index 0000000..0573138 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_Light.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_UltraLight.ttf b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_UltraLight.ttf new file mode 100644 index 0000000..451ec6e Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumeral_UltraLight.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumral_Medium.ttf b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumral_Medium.ttf new file mode 100644 index 0000000..8534b9e Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/IRANSansOnlyNumral_Medium.ttf differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral.woff b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral.woff new file mode 100644 index 0000000..39094a6 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Black.woff b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Black.woff new file mode 100644 index 0000000..a5b2d07 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Black.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Bold.woff b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Bold.woff new file mode 100644 index 0000000..f9230c8 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Bold.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Light.woff b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Light.woff new file mode 100644 index 0000000..46a4df4 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_Light.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_UltraLight.woff b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_UltraLight.woff new file mode 100644 index 0000000..212b585 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumeral_UltraLight.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumral_Medium.woff b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumral_Medium.woff new file mode 100644 index 0000000..18ebbf8 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/OnlyNumeral/woff/IRANSansOnlyNumral_Medium.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum.woff b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum.woff new file mode 100644 index 0000000..d37250d Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Black.woff b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Black.woff new file mode 100644 index 0000000..cd1d56b Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Black.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Bold.woff b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Bold.woff new file mode 100644 index 0000000..fe33d7c Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Bold.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Light.woff b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Light.woff new file mode 100644 index 0000000..2b88cf6 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Light.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Medium.woff b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Medium.woff new file mode 100644 index 0000000..8d95490 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_Medium.woff differ diff --git a/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_UltraLight.woff b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_UltraLight.woff new file mode 100644 index 0000000..1dd4165 Binary files /dev/null and b/public/assets/IRANSans/MonoSpaced_Numral/woff/IRANSansMonoSpacedNum_UltraLight.woff differ diff --git a/public/assets/IRANSans/Non_English/MobileFonts/IRAN SansMobile(NoEn).ttf b/public/assets/IRANSans/Non_English/MobileFonts/IRAN SansMobile(NoEn).ttf new file mode 100644 index 0000000..4f72c0d Binary files /dev/null and b/public/assets/IRANSans/Non_English/MobileFonts/IRAN SansMobile(NoEn).ttf differ diff --git a/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Black.ttf b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Black.ttf new file mode 100644 index 0000000..f21d2cb Binary files /dev/null and b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Black.ttf differ diff --git a/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Bold.ttf b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Bold.ttf new file mode 100644 index 0000000..24cdde1 Binary files /dev/null and b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Bold.ttf differ diff --git a/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Light.ttf b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Light.ttf new file mode 100644 index 0000000..8b2c18f Binary files /dev/null and b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Light.ttf differ diff --git a/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Medium.ttf b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Medium.ttf new file mode 100644 index 0000000..38f51a7 Binary files /dev/null and b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_Medium.ttf differ diff --git a/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_ultralight.ttf b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_ultralight.ttf new file mode 100644 index 0000000..2d1e3c1 Binary files /dev/null and b/public/assets/IRANSans/Non_English/MobileFonts/IRANSansMobile(NoEn)_ultralight.ttf differ diff --git a/public/assets/IRANSans/Non_English/MobileFonts/MobileFonts.png b/public/assets/IRANSans/Non_English/MobileFonts/MobileFonts.png new file mode 100644 index 0000000..2aedf87 Binary files /dev/null and b/public/assets/IRANSans/Non_English/MobileFonts/MobileFonts.png differ diff --git a/public/assets/IRANSans/Non_English/Non_English.png b/public/assets/IRANSans/Non_English/Non_English.png new file mode 100644 index 0000000..c7c5cc5 Binary files /dev/null and b/public/assets/IRANSans/Non_English/Non_English.png differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/IRANSans.html b/public/assets/IRANSans/Non_English/WebFonts/IRANSans.html new file mode 100644 index 0000000..89af37a --- /dev/null +++ b/public/assets/IRANSans/Non_English/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. +
+ +
+ +
+
+

اعداد و علائم در فونت فارسی

+
+
ظ
+
+

اعداد فارسی: ۱۲۳۴۵۶۷۸۹۰
+ اعداد عربی: ۱۲۳٤٥٦۷۸۹۰
+ اعداد انگلیسی: 1234567890

+

برای تایپ اعداد فارسی در محیط وب از کیبورد استاندارد فارسی استفاده کنید. در ویندوز ۸ و یا بالاتر این کیبورد، با نام Persian(Standard)Keyboard در لیست کیبوردهای ویندوز وجود دارد. همچنین می توانید از این آدرس آن را دانلود و نصب کنید.

+ +

با استفاده از کیبورد استاندارد می‌توانید ممیز فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+3 است. به این شکل: ۳٫۱۴
+ ممیز فارسی با علامت اسلش تفاوت دارد :۳/۱۴ +

+

با استفاده از کیبورد استاندارد می‌توانید جداکننده هزارگان فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+2 است. به این شکل: ۹٬۲۱۰٬۰۰۰
+ این علامت با جدا کننده هزارگان انگلیسی تفاوت دارد : ۹,۲۱۰,۰۰۰ +

+
+
+ +
+
+

نسبت‌های طلایی

+
+
+
+ ۳٫۷۷۷ ÷ ۱٫۶۱۸ = ۲٫۳۳۵ +
+ ۶٫۱۱۲ ÷ ۱٫۶۱۸ = ۳٫۷۷۷ +
+ ۹٫۸۸۹ ÷ ۱٫۶۱۸ = ۶٫۱۱۲ +
+ ۱۶ ÷ ۱٫۶۱۸ = ۹٫۸۸۹ +
+....................................... +
+ ۱۶ × ۱٫۶۱۸ = ۲۵٫۸۸۸ +
+ ۲۵٫۸۸۸ × ۱٫۶۱۸ = ۴۱٫۸۸۷ +
+ ۴۱٫۸۸۷ × ۱٫۶۱۸ = ۶۷٫۷۷۳ +
+ ۶۷٫۷۷۳ × ۱٫۶۱۸ = ۱۰۹٫۶۵۶ +
+
+
+

اهمیت اندازه فونت در خوانایی و زیبا شدن صفحه وب سایت بر کسی پوشیده نیست. در کنار این بحث، موارد دیگری مانند ارتفاع خطوط، فاصله ها، ابعاد قسمت های مختلف و ... نیز در بحث تایپوگرافی اهمیت زیادی دارند.

+

برای محاسبه این اعداد می توانیم از سری اعداد متناسب (Modular Scale) استفاده کنیم. در حقیقت از تعدادی عدد پشت سر هم که بر اساس مضرب خاصی تشکیل شده اند برای تنظیمات ارتفاع خط، فاصله ها، ابعاد و ... استفاده می کنیم. نسبت (عدد) طلایی همان مضرب اعداد است.

+

به عنوان مثال می خواهیم از سایز 16px فونت ایران سن سریف به عنوان فونت و سایز اصلی متن صفحات استفاده کنیم. عدد فی (phi) یونانی که معادل ۱٫۶۱۸۰۳۳۹۸۸۷ (به اختصار ۱٫۶۱۸) است را به عنوان نسبت طلایی در نظر می گیریم. بنابراین سری اعدادی به شکل روبرو خواهیم داشت:

+ +

+ به کمک این اعداد و استفاده از آن ها در صفحات وب سایت خود می توانیم خوانایی و زیبایی آن را افزایش دهیم. علاوه بر آن، اگر از واحدهای نسبی مانند em استفاده شود، امکانات بیشتری در اختیار طراح و بازدیدکننده خواهد بود. البته سری اعداد بر مبنای نسبت طلایی فقط در تایپوگرافی وب سایت کاربرد ندارد. + این اعداد می تواند ادامه داشته باشد (۱٬۲۱۵٫۹۸۱ ، ۱٬۹۶۷٫۴۵۷ ، ۳٬۱۸۳٫۳۴۵ و ...). +

+ +
+
+ +
+

خوانایی لینک‌ها

+
غ
+
+

شاید بتوانیم از لینک ها (hyperlinks) به عنوان مهم ترین بخش وب سایت ها در ارتباط با سئو (SEO) و نیز یکی از پرکاربردترین اجزای وب سایت نام ببریم. بنابراین بازدیدکننده باید بتواند به راحتی آن ها را از سایر محتوای صفحه تشخیص داده و متن لینک شده را به سرعت و بدون مزاحمت مشاهده کند.

+

به صورت پیش فرض، متن هایی که داخل یک هایپرلینک قرار می گیرند، زیر خط دار یا underline می شوند (مانند این لینک یا پیوند به صفحه اصلی فونت ایران). در بسیاری از فونت های فارسی، این خط روی متن و نقطه ها قرار می گیرد (مانند این لینک یا پیوند به صفحه اصلی فونت ایران با فونت تاهوما).

+

در صورت بروز این مشکل، یا باید خط زیرین تمام تگ های «a» غیر فعال شود و یا با ترفندهایی به شکل دیگر ایجاد شود (مانند قرار دادن border-bottom برای تگ های «a»).

+

همچنین پیشنهاد می کنیم از قراردادن افکت ها و transition های آزاردهنده روی لینک ها پرهیز کرده و برای راحتی کاربر از padding و color با کانتراست مناسب نسبت به زمینه استفاده کنید.

+
+
+ + + +
+
+
+در این فایل سعی کردیم همراه با یک مطلب آموزشی کوتاه، نحوه استفاده از خانواده فونت ایران سن سریف و پیش نمایشی از قسمت های مختلف آن را مرور کنیم. +
+برای مشاهده راهنمای نحوه قراردادن فونت ها در وب سایت خود، به این آدرس مراجعه کنید. +
+
+
+
ء
+
+ +
+ +
+ + \ No newline at end of file diff --git a/public/assets/IRANSans/Non_English/WebFonts/WebFonts.png b/public/assets/IRANSans/Non_English/WebFonts/WebFonts.png new file mode 100644 index 0000000..82d3e21 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/WebFonts.png differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/css/fontiran.css b/public/assets/IRANSans/Non_English/WebFonts/css/fontiran.css new file mode 100644 index 0000000..93be22c --- /dev/null +++ b/public/assets/IRANSans/Non_English/WebFonts/css/fontiran.css @@ -0,0 +1,84 @@ +/** +* +* 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(NoEn)_Black.eot'); + src: url('../fonts/eot/IRANSansWeb(NoEn)_Black.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(NoEn)_Black.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(NoEn)_Black.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(NoEn)_Black.ttf') + format('truetype'); +} +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: bold; + src: url('../fonts/eot/IRANSansWeb(NoEn)_Bold.eot'); + src: url('../fonts/eot/IRANSansWeb(NoEn)_Bold.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(NoEn)_Bold.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(NoEn)_Bold.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(NoEn)_Bold.ttf') + format('truetype'); +} +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: 500; + src: url('../fonts/eot/IRANSansWeb(NoEn)_Medium.eot'); + src: url('../fonts/eot/IRANSansWeb(NoEn)_Medium.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(NoEn)_Medium.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(NoEn)_Medium.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(NoEn)_Medium.ttf') + format('truetype'); +} +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: 300; + src: url('../fonts/eot/IRANSansWeb(NoEn)_Light.eot'); + src: url('../fonts/eot/IRANSansWeb(NoEn)_Light.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(NoEn)_Light.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(NoEn)_Light.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(NoEn)_Light.ttf') + format('truetype'); +} +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: 200; + src: url('../fonts/eot/IRANSansWeb(NoEn)_UltraLight.eot'); + src: url('../fonts/eot/IRANSansWeb(NoEn)_UltraLight.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(NoEn)_UltraLight.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(NoEn)_UltraLight.woff') + format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(NoEn)_UltraLight.ttf') + format('truetype'); +} +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: normal; + src: url('../fonts/eot/IRANSansWeb(NoEn).eot'); + src: url('../fonts/eot/IRANSansWeb(NoEn).eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(NoEn).woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(NoEn).woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(NoEn).ttf') format('truetype'); +} diff --git a/public/assets/IRANSans/Non_English/WebFonts/css/style.css b/public/assets/IRANSans/Non_English/WebFonts/css/style.css new file mode 100644 index 0000000..c163904 --- /dev/null +++ b/public/assets/IRANSans/Non_English/WebFonts/css/style.css @@ -0,0 +1,191 @@ +@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */ +body { + font-family: IRANSans, Roboto, Arial !important; + font-weight: 300; + direction: rtl; + background-color: #e2e2e2; + margin: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +input, +textarea { + font-family: IRANSans, Roboto, Arial !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/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn).eot b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn).eot new file mode 100644 index 0000000..7d03b36 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn).eot differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Black.eot b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Black.eot new file mode 100644 index 0000000..2cfbaaf Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Black.eot differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Bold.eot b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Bold.eot new file mode 100644 index 0000000..8bbe91f Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Bold.eot differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Light.eot b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Light.eot new file mode 100644 index 0000000..579e559 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Light.eot differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Medium.eot b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Medium.eot new file mode 100644 index 0000000..760bc63 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_Medium.eot differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_UltraLight.eot b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_UltraLight.eot new file mode 100644 index 0000000..16d3d62 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/eot/IRANSansWeb(NoEn)_UltraLight.eot differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn).ttf b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn).ttf new file mode 100644 index 0000000..c25c4fb Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn).ttf differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Black.ttf b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Black.ttf new file mode 100644 index 0000000..0aab768 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Black.ttf differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Bold.ttf b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Bold.ttf new file mode 100644 index 0000000..860e626 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Bold.ttf differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Light.ttf b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Light.ttf new file mode 100644 index 0000000..3063bdc Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Light.ttf differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Medium.ttf b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Medium.ttf new file mode 100644 index 0000000..e7b70d6 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_Medium.ttf differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_UltraLight.ttf b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_UltraLight.ttf new file mode 100644 index 0000000..21a3348 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/ttf/IRANSansWeb(NoEn)_UltraLight.ttf differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn).woff b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn).woff new file mode 100644 index 0000000..41282b3 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn).woff differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Black.woff b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Black.woff new file mode 100644 index 0000000..5aff5f5 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Black.woff differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Bold.woff b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Bold.woff new file mode 100644 index 0000000..95fb9a1 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Bold.woff differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Light.woff b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Light.woff new file mode 100644 index 0000000..e9d1538 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Light.woff differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Medium.woff b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Medium.woff new file mode 100644 index 0000000..55e0f05 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_Medium.woff differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_UltraLight.woff b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_UltraLight.woff new file mode 100644 index 0000000..4c83a76 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff/IRANSansWeb(NoEn)_UltraLight.woff differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn).woff2 b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn).woff2 new file mode 100644 index 0000000..a868bef Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn).woff2 differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Black.woff2 b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Black.woff2 new file mode 100644 index 0000000..f955c47 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Black.woff2 differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Bold.woff2 b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Bold.woff2 new file mode 100644 index 0000000..b3d3125 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Bold.woff2 differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Light.woff2 b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Light.woff2 new file mode 100644 index 0000000..3efe9b0 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Light.woff2 differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Medium.woff2 b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Medium.woff2 new file mode 100644 index 0000000..f103e83 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_Medium.woff2 differ diff --git a/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_UltraLight.woff2 b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_UltraLight.woff2 new file mode 100644 index 0000000..e9c0a41 Binary files /dev/null and b/public/assets/IRANSans/Non_English/WebFonts/fonts/woff2/IRANSansWeb(NoEn)_UltraLight.woff2 differ diff --git a/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small).ttf b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small).ttf new file mode 100644 index 0000000..310a02c Binary files /dev/null and b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small).ttf differ diff --git a/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Black.ttf b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Black.ttf new file mode 100644 index 0000000..f4b9a6d Binary files /dev/null and b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Black.ttf differ diff --git a/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Bold.ttf b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Bold.ttf new file mode 100644 index 0000000..e41b267 Binary files /dev/null and b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Bold.ttf differ diff --git a/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Light.ttf b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Light.ttf new file mode 100644 index 0000000..6390877 Binary files /dev/null and b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Light.ttf differ diff --git a/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Medium.ttf b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Medium.ttf new file mode 100644 index 0000000..a066a02 Binary files /dev/null and b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_Medium.ttf differ diff --git a/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_UltraLight.ttf b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_UltraLight.ttf new file mode 100644 index 0000000..33bac5b Binary files /dev/null and b/public/assets/IRANSans/SmallSizeFonts/IRANSans(Small)_UltraLight.ttf differ diff --git a/public/assets/IRANSans/SmallSizeFonts/SmallSizeFonts.png b/public/assets/IRANSans/SmallSizeFonts/SmallSizeFonts.png new file mode 100644 index 0000000..758756b Binary files /dev/null and b/public/assets/IRANSans/SmallSizeFonts/SmallSizeFonts.png differ diff --git a/public/assets/IRANSans/WebFonts/IRANSans.html b/public/assets/IRANSans/WebFonts/IRANSans.html new file mode 100644 index 0000000..89af37a --- /dev/null +++ b/public/assets/IRANSans/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. +
+ +
+ +
+
+

اعداد و علائم در فونت فارسی

+
+
ظ
+
+

اعداد فارسی: ۱۲۳۴۵۶۷۸۹۰
+ اعداد عربی: ۱۲۳٤٥٦۷۸۹۰
+ اعداد انگلیسی: 1234567890

+

برای تایپ اعداد فارسی در محیط وب از کیبورد استاندارد فارسی استفاده کنید. در ویندوز ۸ و یا بالاتر این کیبورد، با نام Persian(Standard)Keyboard در لیست کیبوردهای ویندوز وجود دارد. همچنین می توانید از این آدرس آن را دانلود و نصب کنید.

+ +

با استفاده از کیبورد استاندارد می‌توانید ممیز فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+3 است. به این شکل: ۳٫۱۴
+ ممیز فارسی با علامت اسلش تفاوت دارد :۳/۱۴ +

+

با استفاده از کیبورد استاندارد می‌توانید جداکننده هزارگان فارسی را تایپ کنید.
+ میانبر این علامت کلیدهای Shift+2 است. به این شکل: ۹٬۲۱۰٬۰۰۰
+ این علامت با جدا کننده هزارگان انگلیسی تفاوت دارد : ۹,۲۱۰,۰۰۰ +

+
+
+ +
+
+

نسبت‌های طلایی

+
+
+
+ ۳٫۷۷۷ ÷ ۱٫۶۱۸ = ۲٫۳۳۵ +
+ ۶٫۱۱۲ ÷ ۱٫۶۱۸ = ۳٫۷۷۷ +
+ ۹٫۸۸۹ ÷ ۱٫۶۱۸ = ۶٫۱۱۲ +
+ ۱۶ ÷ ۱٫۶۱۸ = ۹٫۸۸۹ +
+....................................... +
+ ۱۶ × ۱٫۶۱۸ = ۲۵٫۸۸۸ +
+ ۲۵٫۸۸۸ × ۱٫۶۱۸ = ۴۱٫۸۸۷ +
+ ۴۱٫۸۸۷ × ۱٫۶۱۸ = ۶۷٫۷۷۳ +
+ ۶۷٫۷۷۳ × ۱٫۶۱۸ = ۱۰۹٫۶۵۶ +
+
+
+

اهمیت اندازه فونت در خوانایی و زیبا شدن صفحه وب سایت بر کسی پوشیده نیست. در کنار این بحث، موارد دیگری مانند ارتفاع خطوط، فاصله ها، ابعاد قسمت های مختلف و ... نیز در بحث تایپوگرافی اهمیت زیادی دارند.

+

برای محاسبه این اعداد می توانیم از سری اعداد متناسب (Modular Scale) استفاده کنیم. در حقیقت از تعدادی عدد پشت سر هم که بر اساس مضرب خاصی تشکیل شده اند برای تنظیمات ارتفاع خط، فاصله ها، ابعاد و ... استفاده می کنیم. نسبت (عدد) طلایی همان مضرب اعداد است.

+

به عنوان مثال می خواهیم از سایز 16px فونت ایران سن سریف به عنوان فونت و سایز اصلی متن صفحات استفاده کنیم. عدد فی (phi) یونانی که معادل ۱٫۶۱۸۰۳۳۹۸۸۷ (به اختصار ۱٫۶۱۸) است را به عنوان نسبت طلایی در نظر می گیریم. بنابراین سری اعدادی به شکل روبرو خواهیم داشت:

+ +

+ به کمک این اعداد و استفاده از آن ها در صفحات وب سایت خود می توانیم خوانایی و زیبایی آن را افزایش دهیم. علاوه بر آن، اگر از واحدهای نسبی مانند em استفاده شود، امکانات بیشتری در اختیار طراح و بازدیدکننده خواهد بود. البته سری اعداد بر مبنای نسبت طلایی فقط در تایپوگرافی وب سایت کاربرد ندارد. + این اعداد می تواند ادامه داشته باشد (۱٬۲۱۵٫۹۸۱ ، ۱٬۹۶۷٫۴۵۷ ، ۳٬۱۸۳٫۳۴۵ و ...). +

+ +
+
+ +
+

خوانایی لینک‌ها

+
غ
+
+

شاید بتوانیم از لینک ها (hyperlinks) به عنوان مهم ترین بخش وب سایت ها در ارتباط با سئو (SEO) و نیز یکی از پرکاربردترین اجزای وب سایت نام ببریم. بنابراین بازدیدکننده باید بتواند به راحتی آن ها را از سایر محتوای صفحه تشخیص داده و متن لینک شده را به سرعت و بدون مزاحمت مشاهده کند.

+

به صورت پیش فرض، متن هایی که داخل یک هایپرلینک قرار می گیرند، زیر خط دار یا underline می شوند (مانند این لینک یا پیوند به صفحه اصلی فونت ایران). در بسیاری از فونت های فارسی، این خط روی متن و نقطه ها قرار می گیرد (مانند این لینک یا پیوند به صفحه اصلی فونت ایران با فونت تاهوما).

+

در صورت بروز این مشکل، یا باید خط زیرین تمام تگ های «a» غیر فعال شود و یا با ترفندهایی به شکل دیگر ایجاد شود (مانند قرار دادن border-bottom برای تگ های «a»).

+

همچنین پیشنهاد می کنیم از قراردادن افکت ها و transition های آزاردهنده روی لینک ها پرهیز کرده و برای راحتی کاربر از padding و color با کانتراست مناسب نسبت به زمینه استفاده کنید.

+
+
+ + + +
+
+
+در این فایل سعی کردیم همراه با یک مطلب آموزشی کوتاه، نحوه استفاده از خانواده فونت ایران سن سریف و پیش نمایشی از قسمت های مختلف آن را مرور کنیم. +
+برای مشاهده راهنمای نحوه قراردادن فونت ها در وب سایت خود، به این آدرس مراجعه کنید. +
+
+
+
ء
+
+ +
+ +
+ + \ No newline at end of file diff --git a/public/assets/IRANSans/WebFonts/WebFonts.png b/public/assets/IRANSans/WebFonts/WebFonts.png new file mode 100644 index 0000000..82d3e21 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/WebFonts.png differ diff --git a/public/assets/IRANSans/WebFonts/css/fontiran.css b/public/assets/IRANSans/WebFonts/css/fontiran.css new file mode 100644 index 0000000..4ec1123 --- /dev/null +++ b/public/assets/IRANSans/WebFonts/css/fontiran.css @@ -0,0 +1,80 @@ +/** +* +* 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/public/assets/IRANSans/WebFonts/css/style.css b/public/assets/IRANSans/WebFonts/css/style.css new file mode 100644 index 0000000..b5457ff --- /dev/null +++ b/public/assets/IRANSans/WebFonts/css/style.css @@ -0,0 +1,191 @@ +@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/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb.eot b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb.eot new file mode 100644 index 0000000..553eec8 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb.eot differ diff --git a/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Black.eot b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Black.eot new file mode 100644 index 0000000..ee7c6a0 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Black.eot differ diff --git a/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Bold.eot b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Bold.eot new file mode 100644 index 0000000..746a6e6 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Bold.eot differ diff --git a/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Light.eot b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Light.eot new file mode 100644 index 0000000..f79a681 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Light.eot differ diff --git a/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Medium.eot b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Medium.eot new file mode 100644 index 0000000..8b31d6b Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Medium.eot differ diff --git a/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_UltraLight.eot b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_UltraLight.eot new file mode 100644 index 0000000..fd4b205 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/eot/IRANSansWeb_UltraLight.eot differ diff --git a/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb.ttf b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb.ttf new file mode 100644 index 0000000..7416c53 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb.ttf differ diff --git a/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Black.ttf b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Black.ttf new file mode 100644 index 0000000..df4928f Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Black.ttf differ diff --git a/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf new file mode 100644 index 0000000..158fbaa Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf differ diff --git a/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Light.ttf b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Light.ttf new file mode 100644 index 0000000..3060c60 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Light.ttf differ diff --git a/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Medium.ttf b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Medium.ttf new file mode 100644 index 0000000..6dd6c5d Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Medium.ttf differ diff --git a/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_UltraLight.ttf b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_UltraLight.ttf new file mode 100644 index 0000000..7ebe1bf Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_UltraLight.ttf differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb.woff b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb.woff new file mode 100644 index 0000000..abb63f2 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb.woff differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Black.woff b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Black.woff new file mode 100644 index 0000000..12c8a6e Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Black.woff differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Bold.woff b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Bold.woff new file mode 100644 index 0000000..801c55d Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Bold.woff differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Light.woff b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Light.woff new file mode 100644 index 0000000..99b8d5d Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Light.woff differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Medium.woff b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Medium.woff new file mode 100644 index 0000000..322c396 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Medium.woff differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_UltraLight.woff b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_UltraLight.woff new file mode 100644 index 0000000..31c21ca Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff/IRANSansWeb_UltraLight.woff differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb.woff2 b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb.woff2 new file mode 100644 index 0000000..21bbba5 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb.woff2 differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Black.woff2 b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Black.woff2 new file mode 100644 index 0000000..da34aad Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Black.woff2 differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2 b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2 new file mode 100644 index 0000000..dd1436c Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2 differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Light.woff2 b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Light.woff2 new file mode 100644 index 0000000..16dc9f1 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Light.woff2 differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Medium.woff2 b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Medium.woff2 new file mode 100644 index 0000000..5fb39d4 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Medium.woff2 differ diff --git a/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_UltraLight.woff2 b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_UltraLight.woff2 new file mode 100644 index 0000000..eeeec11 Binary files /dev/null and b/public/assets/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_UltraLight.woff2 differ diff --git a/public/assets/IRANSans/license.pdf b/public/assets/IRANSans/license.pdf new file mode 100644 index 0000000..6f9c008 Binary files /dev/null and b/public/assets/IRANSans/license.pdf differ diff --git a/public/assets/icons/logo.png b/public/assets/icons/logo.png new file mode 100644 index 0000000..42ea219 Binary files /dev/null and b/public/assets/icons/logo.png differ diff --git a/public/offline.html b/public/offline.html index c5eb5d7..c09fcf0 100644 --- a/public/offline.html +++ b/public/offline.html @@ -1,45 +1,86 @@ + + + + + دعوت + - - - -
-

- لطفا اتصال به شبکه را چک کنید. -

-
- - - \ No newline at end of file + @font-face { + font-family: numeralMedium; + src: url(assets/IRANSans/Farsi_numerals/IRANSans\(FaNum\)_Medium.ttf); + } + + @font-face { + font-family: numeralLight; + src: url(assets/IRANSans/Farsi_numerals/IRANSans\(FaNum\).ttf); + } + + @font-face { + font-family: numeralBold; + src: url(assets/IRANSans/IRANSans_Bold.ttf); + } + + @font-face { + font-family: numeralUltraLight; + src: url(assets/IRANSans//IRANSans_UltraLight.ttf); + } + + body { + overflow: hidden; + overflow-y: hidden; + overflow-x: hidden; + } + + .splash { + width: 100vw; + height: 100vh; + overflow-y: hidden; + overflow-x: hidden; + padding: 0px 10px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: linear-gradient( + 270deg, + hsla(0, 0%, 100%, 1) 0%, + hsla(100, 100%, 60%, 1) 100% + ); + + background: -moz-linear-gradient( + 270deg, + hsla(0, 0%, 100%, 1) 0%, + hsla(100, 100%, 60%, 1) 100% + ); + + background: -webkit-linear-gradient( + 270deg, + hsla(0, 0%, 100%, 1) 0%, + hsla(100, 100%, 60%, 1) 100% + ); + } + .splash span { + font-family: numeralLight; + margin-top: 20px; + color: #02733c; + font-size: 20px; + letter-spacing: -1px; + } + + + + +
+ لوگو + دسترسی شما به اینترنت قطع می‌باشد. +
+ + diff --git a/src/Redux/reducers/book.js b/src/Redux/reducers/book.js index d81afb2..40c8415 100644 --- a/src/Redux/reducers/book.js +++ b/src/Redux/reducers/book.js @@ -37,7 +37,6 @@ export default function book(state = initialState, action) { .map((item) => item.gradeId * 1) .sort((a, b) => a - b) .map((e) => grades[e]); - console.log(itemsLevel); if (window.innerWidth < 1000) { itemsLevel.unshift("پایه تحصیلی"); } diff --git a/src/Redux/reducers/public.js b/src/Redux/reducers/public.js index 75ed003..57908d8 100644 --- a/src/Redux/reducers/public.js +++ b/src/Redux/reducers/public.js @@ -1,5 +1,6 @@ const initialState = { homeData: [], + levels: [], faqList: [], loading: true, error: null, @@ -9,11 +10,97 @@ const initialState = { blogList: [], blog: null, }; + +const grades = [ + "پیش دبستان", + "اول", + "دوم", + "سوم", + "چهارم", + "پنجم", + "ششم", + "هفتم", + "هشتم", + "نهم", + "دهم", + "یازدهم", + "دوازدهم", +]; export default function publicApi(state = initialState, action) { let { type, data } = action; switch (type) { case "public/homePage": - return { ...state, loading: false, error: null, homeData: data }; + let itemsLevel; + if (window.innerWidth > 1000) { + const jadidTarin = data.filter( + (item) => item.title === "جدیدترین کتاب‌های دانوین" + ); + itemsLevel = jadidTarin[0].data + .map((item) => item.book.gradeId * 1) + .sort((a, b) => a - b) + .map((e) => grades[e]); + itemsLevel.unshift("همه"); + } + + return { + ...state, + loading: false, + levels: window.innerWidth > 1000 ? [...new Set(itemsLevel)] : [], + error: null, + homeData: data, + }; + case "public/filter": + const realList = state.homeData.filter( + (item) => item.title === "جدیدترین کتاب‌های دانوین" + ).data; + const level = data.level; + const search = data.search; + if (level.length > 0 || search) { + localStorage.setItem("filter", "ON"); + } + let byLevelFilter = []; + if (level.length > 0) { + level.map((item1) => { + for (let i = 0; i < realList.length; i++) { + if (grades[realList[i].book.gradeId] === item1) { + byLevelFilter.push(realList[i]); + } + } + }); + } else { + byLevelFilter = realList; + } + + // let bySubjectFilter = []; + // if (subject.length > 0) { + // subject.map((item1) => { + // for (let i = 0; i < byLevelFilter.length; i++) { + // if (byLevelFilter[i].name === item1) { + // bySubjectFilter.push(byLevelFilter[i]); + // } + // } + // }); + // } else { + // bySubjectFilter = byLevelFilter; + // } + + const bySearchFilter = search + ? byLevelFilter.filter((item1) => item1.name.indexOf(search) !== -1) + : byLevelFilter; + + // if (sort === "گران ترین") { + // finalSort = bySearchFilter.sort((item1, item2) => { + // return item1.product[0].price - item2.product[0].price; + // }); + // } else { + // finalSort = bySearchFilter; + // } + return { + ...state, + loading: false, + error: null, + filterResult: bySearchFilter, + }; case "public/faq": return { ...state, loading: false, error: null, faqList: data }; case "public/faq/activate": diff --git a/src/assets.rar b/src/assets.rar deleted file mode 100644 index 945e217..0000000 Binary files a/src/assets.rar and /dev/null differ diff --git a/src/views/Auth/Login/Cellphone/index.scss b/src/views/Auth/Login/Cellphone/index.scss index b3d4915..c92dad0 100644 --- a/src/views/Auth/Login/Cellphone/index.scss +++ b/src/views/Auth/Login/Cellphone/index.scss @@ -32,7 +32,7 @@ text-align: right; position: absolute; left: 108px; - top: 22px; + top: 23px; direction: ltr; color: #a5a5a5; font-family: numeralLight; diff --git a/src/views/Cart/Table/index.js b/src/views/Cart/Table/index.js index 0bfb30f..7ddf21d 100644 --- a/src/views/Cart/Table/index.js +++ b/src/views/Cart/Table/index.js @@ -70,14 +70,6 @@ function BasicTable(props) { return total; }; - const totalPrice = () => { - let total = 0; - for (let i = 0; i < list.length; i++) { - total += list[i].price * list[i].number; - } - return total; - }; - return ( <> {window.innerWidth < 1000 ? ( @@ -282,7 +274,6 @@ const Item = (props) => { ) : null} ) : null} - {console.log(data)} {window.innerWidth > 1000 ? ( diff --git a/src/views/Cart/index.js b/src/views/Cart/index.js index 7a4c2ca..ca439d5 100644 --- a/src/views/Cart/index.js +++ b/src/views/Cart/index.js @@ -58,7 +58,9 @@ class Cart extends Component { break; } } - this.props.getInfo({ id: wantedId }); + if (this.props.list.length !== 1) { + this.props.getInfo({ id: wantedId }); + } } } diff --git a/src/views/Home/HomeSlider/Simple/index.js b/src/views/Home/HomeSlider/Simple/index.js index 8574158..4e9d543 100644 --- a/src/views/Home/HomeSlider/Simple/index.js +++ b/src/views/Home/HomeSlider/Simple/index.js @@ -27,43 +27,30 @@ export default class Simple extends Component { } } > - + {data.title} -

{data.title}

+

{data.name}

{data.subTitle}

- {data.price !== undefined ? ( - data.price ? ( -
- {data.oldPrice ? ( -
-
- {data.oldPrice} تومان - -
-
- ) : null} -
- {data.price} تومان -
-
- ) : ( + {data.price ? ( +
- ناموجود + {data.price} تومان
- ) - ) : null} +
+ ) : ( +
+ ناموجود +
+ )} ); diff --git a/src/views/Home/Navbar/Laptop/index.js b/src/views/Home/Navbar/Laptop/index.js index f94cdc8..c747544 100644 --- a/src/views/Home/Navbar/Laptop/index.js +++ b/src/views/Home/Navbar/Laptop/index.js @@ -1,4 +1,5 @@ import React, { Component } from "react"; +import { Dropdown } from "react-bootstrap"; import proxy from "~/Redux/proxy"; import { Link } from "react-router-dom"; @@ -42,24 +43,41 @@ export default class LaptopNavbar extends Component {
- - سبد خرید - - {proxy.status() ? null : ( + {proxy.status() ? ( <> - + + Dropdown Button + + + + Action + + Another action + + + Something else + + + */} + + سبد خرید + +
- ورود به حساب کاربری - + خروج +
+ + ) : ( + <> - ثبت نام + ورود به حساب کاربری )} diff --git a/src/views/Home/Navbar/Laptop/index.scss b/src/views/Home/Navbar/Laptop/index.scss index 384562a..15830e3 100644 --- a/src/views/Home/Navbar/Laptop/index.scss +++ b/src/views/Home/Navbar/Laptop/index.scss @@ -60,4 +60,17 @@ color: white; } } + &__logout { + font-family: numeralLight; + text-decoration: none; + color: white; + background-color: white; + border-radius: 6px; + padding: 10px 20px; + border: 1px solid #6cbe44; + color: #6cbe44; + &:hover { + color: white; + } + } } diff --git a/yarn.lock b/yarn.lock index d7ec419..8d3c0d4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1171,6 +1171,13 @@ dependencies: regenerator-runtime "^0.13.4" +"@babel/runtime@^7.13.8", "@babel/runtime@^7.14.0", "@babel/runtime@^7.6.3": + version "7.15.3" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.15.3.tgz#2e1c2880ca118e5b2f9988322bd8a7656a32502b" + integrity sha512-OvwMLqNXkCXSz1kSm58sEsNuhqOx/fKpnUnKnFB5v8uDda5bLNEHNgKPvhDN6IU0LDcnHQ90LlJ0Q6jnyBSIBA== + dependencies: + regenerator-runtime "^0.13.4" + "@babel/runtime@^7.2.0", "@babel/runtime@^7.7.6": version "7.14.6" resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.14.6.tgz#535203bc0892efc7dec60bdc27b2ecf6e409062d" @@ -1704,6 +1711,23 @@ schema-utils "^2.6.5" source-map "^0.7.3" +"@popperjs/core@^2.8.6": + version "2.9.3" + resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.9.3.tgz#8b68da1ebd7fc603999cf6ebee34a4899a14b88e" + integrity sha512-xDu17cEfh7Kid/d95kB6tZsLOmSWKCZKtprnhVepjsSaCij+lM3mItSJDuuHDMbCWTh8Ejmebwb+KONcCJ0eXQ== + +"@restart/context@^2.1.4": + version "2.1.4" + resolved "https://registry.yarnpkg.com/@restart/context/-/context-2.1.4.tgz#a99d87c299a34c28bd85bb489cb07bfd23149c02" + integrity sha512-INJYZQJP7g+IoDUh/475NlGiTeMfwTXUEr3tmRneckHIxNolGOW9CTq83S8cxq0CgJwwcMzMJFchxvlwe7Rk8Q== + +"@restart/hooks@^0.3.26": + version "0.3.27" + resolved "https://registry.yarnpkg.com/@restart/hooks/-/hooks-0.3.27.tgz#91f356d66d4699a8cd8b3d008402708b6a9dc505" + integrity sha512-s984xV/EapUIfkjlf8wz9weP2O9TNKR96C68FfMEy2bE69+H4cNv3RD4Mf97lW7Htt7PjZrYTjSC8f3SB9VCXw== + dependencies: + dequal "^2.0.2" + "@rollup/plugin-node-resolve@^7.1.1": version "7.1.3" resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz#80de384edfbd7bfc9101164910f86078151a3eca" @@ -2012,6 +2036,11 @@ resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#3c9ee980f1a10d6021ae6632ca3e79ca2ec4fb50" integrity sha512-giAlZwstKbmvMk1OO7WXSj4OZ0keXAcl2TQq4LWHiiPH2ByaH7WeUzng+Qej8UPxxv+8lRTuouo0iaNDBuzIBA== +"@types/invariant@^2.2.33": + version "2.2.35" + resolved "https://registry.yarnpkg.com/@types/invariant/-/invariant-2.2.35.tgz#cd3ebf581a6557452735688d8daba6cf0bd5a3be" + integrity sha512-DxX1V9P8zdJPYQat1gHyY0xj3efl8gnMVjiM9iCY6y27lj+PoQWkgjt8jDqmovPqULkKVpKRg8J36iQiA+EtEg== + "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1": version "2.0.3" resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz#4ba8ddb720221f432e443bd5f9117fd22cfd4762" @@ -2079,6 +2108,11 @@ resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7" integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw== +"@types/prop-types@^15.7.3": + version "15.7.4" + resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.4.tgz#fcf7205c25dff795ee79af1e30da2c9790808f11" + integrity sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ== + "@types/q@^1.5.1": version "1.5.4" resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24" @@ -2101,6 +2135,13 @@ dependencies: "@types/react" "*" +"@types/react-transition-group@^4.4.1": + version "4.4.2" + resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.2.tgz#38890fd9db68bf1f2252b99a942998dc7877c5b3" + integrity sha512-KibDWL6nshuOJ0fu8ll7QnV/LVTo3PzQ9aCPnRUYPfX7eZohHwLIdNHj7pftanREzHNP4/nJa8oeM73uSiavMQ== + dependencies: + "@types/react" "*" + "@types/react@*": version "17.0.11" resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.11.tgz#67fcd0ddbf5a0b083a0f94e926c7d63f3b836451" @@ -2110,6 +2151,15 @@ "@types/scheduler" "*" csstype "^3.0.2" +"@types/react@>=16.14.8", "@types/react@>=16.9.11": + version "17.0.19" + resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.19.tgz#8f2a85e8180a43b57966b237d26a29481dacc991" + integrity sha512-sX1HisdB1/ZESixMTGnMxH9TDe8Sk709734fEQZzCV/4lSu9kJCPbo2PbTRoZM+53Pp0P10hYVyReUueGwUi4A== + dependencies: + "@types/prop-types" "*" + "@types/scheduler" "*" + csstype "^3.0.2" + "@types/resolve@0.0.8": version "0.0.8" resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194" @@ -2158,6 +2208,11 @@ dependencies: source-map "^0.6.1" +"@types/warning@^3.0.0": + version "3.0.0" + resolved "https://registry.yarnpkg.com/@types/warning/-/warning-3.0.0.tgz#0d2501268ad8f9962b740d387c4654f5f8e23e52" + integrity sha1-DSUBJorY+ZYrdA04fEZU9fjiPlI= + "@types/webpack-sources@*": version "2.1.0" resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-2.1.0.tgz#8882b0bd62d1e0ce62f183d0d01b72e6e82e8c10" @@ -3680,7 +3735,7 @@ class-utils@^0.3.5: isobject "^3.0.0" static-extend "^0.1.1" -classnames@^2.2.5, classnames@^2.2.6: +classnames@^2.2.5, classnames@^2.2.6, classnames@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e" integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA== @@ -4533,6 +4588,11 @@ depd@~1.1.2: resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9" integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak= +dequal@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.2.tgz#85ca22025e3a87e65ef75a7a437b35284a7e319d" + integrity sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug== + des.js@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843" @@ -4631,7 +4691,7 @@ dom-converter@^0.2.0: dependencies: utila "~0.4" -dom-helpers@^5.0.1: +dom-helpers@^5.0.1, dom-helpers@^5.2.0, dom-helpers@^5.2.1: version "5.2.1" resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902" integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA== @@ -9702,6 +9762,14 @@ prompts@^2.0.1: kleur "^3.0.3" sisteransi "^1.0.5" +prop-types-extra@^1.1.0: + version "1.1.1" + resolved "https://registry.yarnpkg.com/prop-types-extra/-/prop-types-extra-1.1.1.tgz#58c3b74cbfbb95d304625975aa2f0848329a010b" + integrity sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew== + dependencies: + react-is "^16.3.2" + warning "^4.0.0" + prop-types@^15.5.4, prop-types@^15.5.7, prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2: version "15.7.2" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5" @@ -9890,6 +9958,29 @@ react-audio-player@^0.17.0: dependencies: prop-types "^15.7.2" +react-bootstrap@^1.6.1: + version "1.6.1" + resolved "https://registry.yarnpkg.com/react-bootstrap/-/react-bootstrap-1.6.1.tgz#c5493c028ede885826b72eb31e66f6f0a52ab007" + integrity sha512-ojEPQ6OtyIMdLg0Smofk+85PKN6MLKQX3bU0Vwmok/4yNa8DQ2vCGhO2IgHJvT+ERQZ4X+gAQcdn6msAHSwLBg== + dependencies: + "@babel/runtime" "^7.14.0" + "@restart/context" "^2.1.4" + "@restart/hooks" "^0.3.26" + "@types/invariant" "^2.2.33" + "@types/prop-types" "^15.7.3" + "@types/react" ">=16.14.8" + "@types/react-transition-group" "^4.4.1" + "@types/warning" "^3.0.0" + classnames "^2.3.1" + dom-helpers "^5.2.1" + invariant "^2.2.4" + prop-types "^15.7.2" + prop-types-extra "^1.1.0" + react-overlays "^5.0.1" + react-transition-group "^4.4.1" + uncontrollable "^7.2.1" + warning "^4.0.3" + react-dev-utils@^11.0.3: version "11.0.4" resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-11.0.4.tgz#a7ccb60257a1ca2e0efe7a83e38e6700d17aa37a" @@ -9958,7 +10049,7 @@ react-fast-compare@^3.0.1: resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb" integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA== -react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1: +react-is@^16.13.1, react-is@^16.3.2, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1: version "16.13.1" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== @@ -9968,6 +10059,11 @@ react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1: resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== +react-lifecycles-compat@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362" + integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA== + react-mapbox-gl-draw@^2.0.3: version "2.0.4" resolved "https://registry.yarnpkg.com/react-mapbox-gl-draw/-/react-mapbox-gl-draw-2.0.4.tgz#476d70a6efc07c329fa61c11022bcdab60ac4b91" @@ -9989,6 +10085,20 @@ react-only-when@^1.0.2: resolved "https://registry.yarnpkg.com/react-only-when/-/react-only-when-1.0.2.tgz#a8a79b48dd6cfbd91ddc710674a94153e88039d3" integrity sha512-agE6l3L6bqaVuwNtjihTQ36M+VBfPS63KOzcNL4ZTmlwSxQPvhzIqmBWfiol0/wLYmKxCcBqgXkEJpvj5Kob8Q== +react-overlays@^5.0.1: + version "5.1.1" + resolved "https://registry.yarnpkg.com/react-overlays/-/react-overlays-5.1.1.tgz#2e7cf49744b56537c7828ccb94cfc63dd778ae4f" + integrity sha512-eCN2s2/+GVZzpnId4XVWtvDPYYBD2EtOGP74hE+8yDskPzFy9+pV1H3ZZihxuRdEbQzzacySaaDkR7xE0ydl4Q== + dependencies: + "@babel/runtime" "^7.13.8" + "@popperjs/core" "^2.8.6" + "@restart/hooks" "^0.3.26" + "@types/warning" "^3.0.0" + dom-helpers "^5.2.0" + prop-types "^15.7.2" + uncontrollable "^7.2.1" + warning "^4.0.3" + react-player@^2.9.0: version "2.9.0" resolved "https://registry.yarnpkg.com/react-player/-/react-player-2.9.0.tgz#ef7fe7073434087565f00ff219824e1e02c4b046" @@ -10128,7 +10238,7 @@ react-toastify@^7.0.4: dependencies: clsx "^1.1.1" -react-transition-group@^4.4.0: +react-transition-group@^4.4.0, react-transition-group@^4.4.1: version "4.4.2" resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470" integrity sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg== @@ -11880,6 +11990,16 @@ unbox-primitive@^1.0.1: has-symbols "^1.0.2" which-boxed-primitive "^1.0.2" +uncontrollable@^7.2.1: + version "7.2.1" + resolved "https://registry.yarnpkg.com/uncontrollable/-/uncontrollable-7.2.1.tgz#1fa70ba0c57a14d5f78905d533cf63916dc75738" + integrity sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ== + dependencies: + "@babel/runtime" "^7.6.3" + "@types/react" ">=16.9.11" + invariant "^2.2.4" + react-lifecycles-compat "^3.0.4" + unicode-canonical-property-names-ecmascript@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818" @@ -12184,7 +12304,7 @@ walker@^1.0.7, walker@~1.0.5: dependencies: makeerror "1.0.x" -warning@^4.0.1: +warning@^4.0.0, warning@^4.0.1, warning@^4.0.3: version "4.0.3" resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3" integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==