The Surah Name Font V1 is the custom font used for rendering Surah names in the Classic Madani Mushaf published in 1405H. It features a classic handwritten style consistent with early digital editions of the Mushaf.
This font includes ligatures for all 114 Surah names, designed to match the traditional layout and aesthetic of the 1405H print.
You can use this font in your application by downloading the font file—available in multiple formats such as
TTF, WOFF, and WOFF2. You may choose the format that best
fits your platform or include multiple formats for broader compatibility.
Some fonts—such as those used for Surah names or Juz titles—depend on special characters or ligatures to
render correctly. Ligature files for these fonts are available on this page.
Standard Quran fonts require a separate Quran script, which you can download from the
Quran Scripts
page.
The next step is to declare the font using @font-face
in your CSS file and apply it to your
elements.
@font-face
Rule in Your CSS
@font-face {
font-family: 'surah-name-v1-icon';
src: url('https://static-cdn.tarteel.ai/qul/fonts/surah-names/v1/surah-name-v1.ttf');
font-display: swap;
}
@font-face
in your html
You can use the font by:
style
or CSS:
<div style="font-family: 'surah-name-v1-icon';">
surah001
</div>
.my-text {
font-family: surah-name-v1-icon;
}
<p class="my-text">surah001</p>
# | Ligature | Description | Preview |
---|---|---|---|
1 | surah | surah_icon |
surah
|
2 | surah001 | surah-1 |
surah001
|
3 | surah002 | surah-2 |
surah002
|
4 | surah003 | surah-3 |
surah003
|
5 | surah004 | surah-4 |
surah004
|
6 | surah005 | surah-5 |
surah005
|
7 | surah006 | surah-6 |
surah006
|
8 | surah007 | surah-7 |
surah007
|
9 | surah008 | surah-8 |
surah008
|
10 | surah009 | surah-9 |
surah009
|
11 | surah010 | surah-10 |
surah010
|
12 | surah011 | surah-11 |
surah011
|
13 | surah012 | surah-12 |
surah012
|
14 | surah013 | surah-13 |
surah013
|
15 | surah014 | surah-14 |
surah014
|
16 | surah015 | surah-15 |
surah015
|
17 | surah016 | surah-16 |
surah016
|
18 | surah017 | surah-17 |
surah017
|
19 | surah018 | surah-18 |
surah018
|
20 | surah019 | surah-19 |
surah019
|
21 | surah020 | surah-20 |
surah020
|
22 | surah021 | surah-21 |
surah021
|
23 | surah022 | surah-22 |
surah022
|
24 | surah023 | surah-23 |
surah023
|
25 | surah024 | surah-24 |
surah024
|
26 | surah025 | surah-25 |
surah025
|
27 | surah026 | surah-26 |
surah026
|
28 | surah027 | surah-27 |
surah027
|
29 | surah028 | surah-28 |
surah028
|
30 | surah029 | surah-29 |
surah029
|
31 | surah030 | surah-30 |
surah030
|
32 | surah031 | surah-31 |
surah031
|
33 | surah032 | surah-32 |
surah032
|
34 | surah033 | surah-33 |
surah033
|
35 | surah034 | surah-34 |
surah034
|
36 | surah035 | surah-35 |
surah035
|
37 | surah036 | surah-36 |
surah036
|
38 | surah037 | surah-37 |
surah037
|
39 | surah038 | surah-38 |
surah038
|
40 | surah039 | surah-39 |
surah039
|
41 | surah040 | surah-40 |
surah040
|
42 | surah041 | surah-41 |
surah041
|
43 | surah042 | surah-42 |
surah042
|
44 | surah043 | surah-43 |
surah043
|
45 | surah044 | surah-44 |
surah044
|
46 | surah045 | surah-45 |
surah045
|
47 | surah046 | surah-46 |
surah046
|
48 | surah047 | surah-47 |
surah047
|
49 | surah048 | surah-48 |
surah048
|
50 | surah049 | surah-49 |
surah049
|
51 | surah050 | surah-50 |
surah050
|
52 | surah051 | surah-51 |
surah051
|
53 | surah052 | surah-52 |
surah052
|
54 | surah053 | surah-53 |
surah053
|
55 | surah054 | surah-54 |
surah054
|
56 | surah055 | surah-55 |
surah055
|
57 | surah056 | surah-56 |
surah056
|
58 | surah057 | surah-57 |
surah057
|
59 | surah058 | surah-58 |
surah058
|
60 | surah059 | surah-59 |
surah059
|
61 | surah060 | surah-60 |
surah060
|
62 | surah061 | surah-61 |
surah061
|
63 | surah062 | surah-62 |
surah062
|
64 | surah063 | surah-63 |
surah063
|
65 | surah064 | surah-64 |
surah064
|
66 | surah065 | surah-65 |
surah065
|
67 | surah066 | surah-66 |
surah066
|
68 | surah067 | surah-67 |
surah067
|
69 | surah068 | surah-68 |
surah068
|
70 | surah069 | surah-69 |
surah069
|
71 | surah070 | surah-70 |
surah070
|
72 | surah071 | surah-71 |
surah071
|
73 | surah072 | surah-72 |
surah072
|
74 | surah073 | surah-73 |
surah073
|
75 | surah074 | surah-74 |
surah074
|
76 | surah075 | surah-75 |
surah075
|
77 | surah076 | surah-76 |
surah076
|
78 | surah077 | surah-77 |
surah077
|
79 | surah078 | surah-78 |
surah078
|
80 | surah079 | surah-79 |
surah079
|
81 | surah080 | surah-80 |
surah080
|
82 | surah081 | surah-81 |
surah081
|
83 | surah082 | surah-82 |
surah082
|
84 | surah083 | surah-83 |
surah083
|
85 | surah084 | surah-84 |
surah084
|
86 | surah085 | surah-85 |
surah085
|
87 | surah086 | surah-86 |
surah086
|
88 | surah087 | surah-87 |
surah087
|
89 | surah088 | surah-88 |
surah088
|
90 | surah089 | surah-89 |
surah089
|
91 | surah090 | surah-90 |
surah090
|
92 | surah091 | surah-91 |
surah091
|
93 | surah092 | surah-92 |
surah092
|
94 | surah093 | surah-93 |
surah093
|
95 | surah094 | surah-94 |
surah094
|
96 | surah095 | surah-95 |
surah095
|
97 | surah096 | surah-96 |
surah096
|
98 | surah097 | surah-97 |
surah097
|
99 | surah098 | surah-98 |
surah098
|
100 | surah099 | surah-99 |
surah099
|
101 | surah100 | surah-100 |
surah100
|
102 | surah101 | surah-101 |
surah101
|
103 | surah102 | surah-102 |
surah102
|
104 | surah103 | surah-103 |
surah103
|
105 | surah104 | surah-104 |
surah104
|
106 | surah105 | surah-105 |
surah105
|
107 | surah106 | surah-106 |
surah106
|
108 | surah107 | surah-107 |
surah107
|
109 | surah108 | surah-108 |
surah108
|
110 | surah109 | surah-109 |
surah109
|
111 | surah110 | surah-110 |
surah110
|
112 | surah111 | surah-111 |
surah111
|
113 | surah112 | surah-112 |
surah112
|
114 | surah113 | surah-113 |
surah113
|
115 | surah114 | surah-114 |
surah114
|