canina/frontend/application/public/fonts/sahel-font-v3.4.0
parsa aghaei 508356b8d3 feat: add Persian fonts, fix UI bugs, improve frontend quality
- Add local Persian fonts: Vazirmatn, Sahel, Shabnam, Lalezar, IranNastaliq
- Configure @font-face in globals.css with all font weights
- Set Vazirmatn as primary font, Lalezar for headings, Sahel for alt text
- Fix Hero image loading with crossOrigin and error fallback
- Fix SmartAdvisor disabled button contrast (WCAG compliance)
- Add visible labels for form inputs in SmartAdvisor step 1
- Fix UserDashboard null safety for walletBalance
- Fix announcement bar hydration mismatch (loading state guard)
- Fix UserDashboard null checks for profile fields
- Improve overall frontend robustness and data-loading guards
2026-07-11 19:48:43 +03:30
..
Farsi-Digits feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Farsi-Digits-Without-Latin feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Without-Latin feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
CHANGELOG.md feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
LICENSE feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
README.md feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Black.eot feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Black.ttf feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Black.woff feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Black.woff2 feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Bold.eot feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Bold.ttf feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Bold.woff feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Bold.woff2 feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Light.eot feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Light.ttf feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Light.woff feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-Light.woff2 feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-SemiBold.eot feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-SemiBold.ttf feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-SemiBold.woff feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-SemiBold.woff2 feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-VF.ttf feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel-VF.woff2 feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel.eot feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel.ttf feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel.woff feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
Sahel.woff2 feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30
sample-variable.gif feat: add Persian fonts, fix UI bugs, improve frontend quality 2026-07-11 19:48:43 +03:30

Sahel-Font

A Persian (Farsi) Font with variable version

Sahel-VF

فونت فارسی ساحل
نمایش فونت
صفحه دریافت (دانلود) بسته فونت شامل فایل های ttf,woff,eot
با تشکر از برنامه FontForge
نسخه وریبل فونت با نام Sahel-VF در بسته فونت موجود می‌باشد.
نسخه‌های بدون حروف لاتین یا تمام ارقام فارسی درون بسته فشرده موجود می‌باشد.
فرآیند تولید بسته نهایی شامل انواع نسخه‌ها و فرمت‌ها توسط ابزار fontbuilder انجام می‌شود.

Known problems for variable version

  • mark placement distortion.

To Do (variable)

  • Adding all 3 Weights as masters to variable version.
  • Font testing page
  • Latin section is empty. It's better to use an opensource variable font with a wide range.
  • Testing font in all supported programs.
  • Adding other axes.

طریقه استفاده در صفحات وب

کد زیر را در قسمت style یا فایل css وارد نمایید:

@font-face {
  font-family: Sahel;
  src: url('Sahel.eot');
  src: url('Sahel.eot?#iefix') format('embedded-opentype'),
       url('Sahel.woff2') format('woff2'),
       url('Sahel.woff') format('woff'),
       url('Sahel.ttf') format('truetype');
  font-weight: normal;
}
      
@font-face {
  font-family: Sahel;
  src: url('Sahel-Bold.eot');
  src: url('Sahel-Bold.eot?#iefix') format('embedded-opentype'),
       url('Sahel-Bold.woff2') format('woff2'),
       url('Sahel-Bold.woff') format('woff'),
       url('Sahel-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Sahel;
  src: url('Sahel-Light.eot');
  src: url('Sahel-Light.eot?#iefix') format('embedded-opentype'),
       url('Sahel-Light.woff2') format('woff2'),  
       url('Sahel-Light.woff') format('woff'),
       url('Sahel-Light.ttf') format('truetype');
  font-weight: 300;
}
      
@font-face {
  font-family: Sahel;
  src: url('Sahel-SemiBold.eot');
  src: url('Sahel-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('Sahel-SemiBold.woff2') format('woff2'),  
       url('Sahel-SemiBold.woff') format('woff'),
       url('Sahel-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: Sahel;
  src: url('Sahel-Black.eot');
  src: url('Sahel-Black.eot?#iefix') format('embedded-opentype'),
       url('Sahel-Black.woff2') format('woff2'),  
       url('Sahel-Black.woff') format('woff'),
       url('Sahel-Black.ttf') format('truetype');
  font-weight: 900;
}

طریقه استفاده از نسخه متغیر variable

@font-face {
  font-family: Sahel VF;
  src: url('Sahel-VF.woff2') format('woff2');
}

.foo {
  font-family: Sahel VF;
  font-variation-settings: "wght" 600;
}

.bar {
  font-family: Sahel VF;
  font-variation-settings: "wght" 900;
}

Install

Grab the latest release file.

Or RawGit CDN:

<link href="https://cdn.rawgit.com/rastikerdar/sahel-font/v[X.Y.Z]/dist/font-face.css" rel="stylesheet" type="text/css" />

Replace [X.Y.Z] with the latest version (e.g. 3.4.0) and integrate the font into your CSS:

font-family: 'Sahel', sans-serif;

Arch Linux

Arch user's could use sahel-fonts package from AUR repository to install sahel font. Use your favorite AUR helper like pacaur or yaourt for installing package:

pacaur -S sahel-fonts

Contributors

License

2016 Saber Rastikerdar (@rastikerdar). See the LICENSE file.