sahel-font

A Persian (farsi) Font - فونت (قلم) فارسی ساحل

Usage no npm install needed!

<script type="module">
  import sahelFont from 'https://cdn.skypack.dev/sahel-font';
</script>

README

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

GNU/Linux

gnu/linux users could use kateb font manager, to install sahel font.

kateb install sahel
or
kateb update sahel

Contributors

License

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