1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
# Sahel-Font
A Persian (Farsi) Font with variable version
فونت فارسی ساحل
[نمایش فونت](http://rastikerdar.github.io/sahel-font/)
[صفحه دریافت (دانلود) بسته فونت شامل فایل های ttf,woff,eot](https://github.com/rastikerdar/sahel-font/releases)
با تشکر از برنامه [FontForge](https://fontforge.github.io)
نسخه وریبل فونت با نام `Sahel-VF` در بسته فونت موجود می‌باشد.
نسخه‌های بدون حروف لاتین یا تمام ارقام فارسی درون بسته فشرده موجود می‌باشد.
فرآیند تولید بسته نهایی شامل انواع نسخه‌ها و فرمت‌ها توسط ابزار [fontbuilder](https://github.com/rastikerdar/fontbuilder) انجام می‌شود.
## Known problems for variable version
- mark placement distortion.
## To Do (variable)
- [x] 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.
## طریقه استفاده در صفحات وب
<p dir="rtl">
کد زیر را در قسمت style یا فایل css وارد نمایید:
</p>
```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
```css
@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](https://github.com/rastikerdar/sahel-font/releases/latest) file.
Or [RawGit](https://rawgit.com) CDN:
```html
<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](https://aur.archlinux.org/packages/sahel-fonts/) package from [AUR](https://aur.archlinux.org/) repository to install sahel font. Use your favorite [AUR helper](https://wiki.archlinux.org/index.php/AUR_helpers) like pacaur or yaourt for installing package:
```shell
pacaur -S sahel-fonts
```
## Contributors
- Amin Abedi [@aminabedi68](https://github.com/aminabedi68)
## License
2016 Saber Rastikerdar ([@rastikerdar](https://github.com/rastikerdar)). See the `LICENSE` file.
|
