PageSourceSearch

https://tptq-arabic.com/

html tptq-arabic.com collected 2026-10-02 03:24:02 UTC 32,489 bytes, 744 lines download raw bytes

1
2<!DOCTYPE html>
3<html>
4    <head>
5        <base href="https://tptq-arabic.com/ssadmin/"><!--[if lte IE 6]></base><![endif]-->
6        <title>TPTQ Arabic type foundry - professional multilingual fonts for print and web</title>
7
8		<link rel="preconnect" href="https://s3.amazonaws.com/">
9		<link rel="preconnect" href="https://fonts.typotheque.com/">
10	    
11		<link rel="preconnect" href="https://fonts.tptq-arabic.com/">
12	    
13        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
14        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
15        
16            <meta name="robots" content="all"/>
17        
18
19        <meta name="description" content="TPTQ Arabic type foundry, buy and download professional fonts for print and web directly from the designers. Modern, original Arabic typefaces for contemporary typography."/>
20        <meta name="keywords" content="TPTQ Arabic, font, arabic fonts, arabic lettering, arabic calligraphy, modern arabic, arabic typefaces, typography, download fonts, multilingual, international typography, Original fonts, OpenType, TrueType, New fonts"/>
21
22        <meta property="og:site_name" content="">
23        <meta property="og:description" content="TPTQ Arabic type foundry, buy and download professional fonts for print and web directly from the designers. Modern, original Arabic typefaces for contemporary typography.">
24        <meta property="og:type" content="website">
25
26        <meta name="twitter:card" content="summary_large_image">
27        <meta name="twitter:description" content="TPTQ Arabic type foundry, buy and download professional fonts for print and web directly from the designers. Modern, original Arabic typefaces for contemporary typography.">
28
29        <meta property="og:title" content="TPTQ Arabic type foundry - professional multilingual fonts for print and web">
30        <meta name="twitter:title" content="TPTQ Arabic type foundry - professional multilingual fonts for print and web">
31
32        <meta property="og:url" content="https://tptq-arabic.com/">
33
34	    
35			<meta property="og:image" content="">
36			<meta property="twitter:image" content="">
37        
38
39        
40            <meta name="twitter:site" content="@TPTQArabic">
41            <meta property="fb:page_id" content="522325061251444" />
42
43            <meta name="theme-color" content="#4d2590">
44            <link rel="manifest" href="/ssadmin/arabic_manifest.json">
45            <meta name="apple-mobile-web-app-title" content="TPTQ Arabic">
46            <meta name="application-name" content="TPTQ Arabic">
47
48            <link rel="icon" type="image/x-icon" href="/ssadmin/tptq_site_common/images/arabic-favicon.ico" />
49            <link rel="apple-touch-icon" href="/ssadmin/tptq_site_common/images/arabic-favicon.png" />
50            <link rel="apple-touch-icon-precomposed" href="/ssadmin/tptq_site_common/images/arabic-favicon.png" />
51            <link rel="apple-touch-icon" type="image/x-icon" href="/ssadmin/tptq_site_common/images/arabic-favicon.ico" />
52			<link rel="apple-touch-icon" sizes="180x180" href="/ssadmin/tptq_site_common/images/arabic/apple-touch-icon.png">
53			<link rel="icon" type="image/png" sizes="32x32" href="/ssadmin/tptq_site_common/images/arabic/favicon-32x32.png">
54			<link rel="icon" type="image/png" sizes="16x16" href="/ssadmin/tptq_site_common/images/arabic/favicon-16x16.png">
55
56        
57
58        <link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.tptq-arabic.com/rss" />
59	    
60		
60<script src="https://browser.sentry-cdn.com/5.11.0/bundle.min.js" integrity="sha384-jbFinqIbKkHNg+QL+yxB4VrBC0EAPTuaLGeRT0T+NfEV89YC6u1bKxHLwoo+/xxY" crossorigin="anonymous">
61		</script>
61
62	    
62<script type="text/javascript">Sentry.init({ dsn: 'https://[email protected]/1841427' });</script>
62
63	    
64    <link rel="stylesheet" type="text/css" href="/ssadmin/assets/_combinedfiles/HomePageController.css?m=1699790064" />
65<link rel="stylesheet" type="text/css" href="/ssadmin/framework/thirdparty/jquery-ui-themes/smoothness/jquery-ui.css?m=1553261759" />
66<link rel="stylesheet" href="https://fonts.typotheque.com/WF-000099-000534.css" type="text/css" />
67<link rel="stylesheet" href="https://fonts.typotheque.com/WF-000099-001641.css" type="text/css" />
68<link rel="stylesheet" href="https://fonts.tptq-arabic.com/WF-000011-000013.css" type="text/css" />
69<script type="text/javascript">function onSubmit20e3e927d0d14b0b441e85c50d4bcc1aebb3aaff(token) {
70    $("#JoinMailingForm_JoinMailingForm").submit();
71};</script>
vendor: 61 bytes, lines 71-72
71
72<script src="https://www.google.com/recaptcha/api.js?render=
726Lf4n5MrAAAAAN1oYVpqR4DshM6n5qv-7cPuSVie
vendor: 12 bytes, line 72
72"></script>
73<script type="text/javascript" src="/ssadmin/assets/_combinedfiles/HomePageController.js?m=1699790065"></script>
vendor: 1 bytes, line 73
73
74<script type="text/javascript">
75//<![CDATA[
vendor: 328 bytes, lines 75-80
75
76(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
77(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
78m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
79})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
80ga('create', '
80UA-57627576-1
vendor: 37 bytes, lines 80-82
80', 'auto');
81ga('send', 'pageview');
82
83//]]>
84</script>
84
85</head>
86    <body class="TPTQArabicProject">
87        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
88        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
89        <!--[if lt IE 9]>
90            
90<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
90
91            
91<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
91
92        <![endif]-->
93        <div class="modal modal-fullscreen" id="ModalWindow" tabindex="-1" role="dialog" aria-labelledby="ModalWindowLabel"
94	 aria-hidden="true" data-backdrop="static" data-keyboard="false">
95	<div class="modal-dialog">
96		<div class="modal-content">
97			<div class="modal-header">
98				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
99				<h4 class="modal-title" id="ModalWindowLabel"></h4>
100			</div>
101			<div class="modal-body" id="static"></div>
102			<div class="modal-bottom"></div>
103		</div><!-- /.modal-content -->
104	</div><!-- /.modal-dialog -->
105</div><!-- /.modal -->
106
107        
108
109<div id="header" class="HeaderSurr">
110	
111	<div class="HeaderBarWrapper">
112		
113		<div class="navbar-header MobileNavigationButton MobileNavigationMainMenu ShowOnMobile">
114			<button data-target=".MainMenuNavbarCollapse" data-toggle="collapse" class="navbar-toggle" type="button">
115				<span class="open"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-mobile_menu"></use></svg></span>
116				<span class="hide CloseIcon"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-mobile_menu_close"></use></svg></span>
117			</button>
118		</div>
119
120		<div class="navbar-header MobileNavigationButton right MobileNavigationSearchForm ShowOnMobile">
121			<button data-target=".SearchFormNavbarCollapse" data-toggle="collapse" class="navbar-toggle" type="button">
122				<span class="open"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-search"></use></svg></span>
123				<span class="hide CloseIcon"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-mobile_menu_close"></use></svg></span>
124			</button>
125		</div>
126		
127		<div class="PullAjaxRequest" data-par-class="MainMenuMyAccountButtonMobileNavigationPullAjaxResponse" data-par-group="group5-2" data-par-account="" data-par-template-method="glyphs"></div>
128		
129		<a id="HeaderBar" href="/">
130			
131				<img src="/ssadmin/tptq_site_common/images/logo-tptq_arabic_narrow_white.svg" style="height: 20px; width: 200px;" border="0" alt="TPTQ Arabic"/>
132			
133		</a>
134		
135	</div>
136
137	
138		<div id="menu" class="MainMenu">
139	
140		<div class="collapse navbar-collapse MainMenuNavbarCollapse">
141			<ul class="nav navbar-nav">
142				
143					<li class="home active">
144						<div class="SectionIcon ShowOnMobile">
145							<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#sidebar-suitcaseX"></use></svg>
146						</div>
147						
148						<a class="tab active" title="TPTQ Arabic Home" href="/">Home</a>
149						
150						
151					</li>
152				
153					<li class="fonts">
154						<div class="SectionIcon ShowOnMobile">
155							<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#sidebar-fonts"></use></svg>
156						</div>
157						
158						<a class="tab" title="TPTQ Arabic Font collection" href="/fonts">Fonts</a>
159						
160						
161							<div class="SectionGo ShowOnMobile">
162								<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_left"></use></svg>
163							</div>
164							<ul>
165								
166									<li><a class="sub" title="TPTQ Arabic Font collection" href="/fonts">Font Collection</a></li>
167								
168									<li><a class="sub" title="TPTQ Arabic Webfonts" href="/webfonts">Webfonts</a></li>
169								
170									<li><a class="sub" title="TPTQ Arabic Fonts in Use" href="/fonts/in_use">Fonts in Use</a></li>
171								
172									<li><a class="sub" title="Try TPTQ Arabic Fonts before buying them" href="/fonts/testing">Testing Fonts</a></li>
173								
174									<li><a class="sub" title="Combine TPTQ Arabic Fonts" href="/fonts/combinator">Font Combinator</a></li>
175								
176									<li><a class="sub" title="Corporate, custom and bespoke fonts" href="/fonts/custom_type">Custom fonts</a></li>
177								
178							</ul>
179						
180					</li>
181				
182					<li class="licensing">
183						<div class="SectionIcon ShowOnMobile">
184							<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#sidebar-licenseX"></use></svg>
185						</div>
186						
187						<a class="tab" title="Licensing Options" href="/licensing">Licensing</a>
188						
189						
190							<div class="SectionGo ShowOnMobile">
191								<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_left"></use></svg>
192							</div>
193							<ul>
194								
195									<li><a class="sub" title="Font licensing information" href="/licensing">Licensing Options</a></li>
196								
197									<li><a class="sub" title="Multiple-user font licence (MUL)" href="/licensing/multiple_users">Multiple-User Licence</a></li>
198								
199									<li><a class="sub" title="Corporate Font licence, World Wide font license, unlimited locations" href="/licensing/corporate">Corporate licence</a></li>
200								
201									<li><a class="sub" title="EULA / End User Licence Agreement" href="/licensing/eula">EULA</a></li>
202								
203									<li><a class="sub" title="Font Licensing for Apps & eBooks" href="/licensing/embedding">Font Licensing for Apps & eBooks</a></li>
204								
205									<li><a class="sub" title="TPTQ Arabic Font Price Calculator" href="/lice
205nsing/price_calculator">Price Calculator</a></li>
206								
207							</ul>
208						
209					</li>
210				
211					<li class="products">
212						<div class="SectionIcon ShowOnMobile">
213							<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#item-shipping"></use></svg>
214						</div>
215						
216						<a class="tab" title="TPTQ Arabic Books" href="/books">Products</a>
217						
218						
219							<div class="SectionGo ShowOnMobile">
220								<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_left"></use></svg>
221							</div>
222							<ul>
223								
224									<li><a class="sub" title="Collection of limited edition books mainly on typography" href="/books">Books</a></li>
225								
226									<li><a class="sub" title="Collection of exclusive posters" href="/posters">Posters</a></li>
227								
228							</ul>
229						
230					</li>
231				
232					<li class="articles">
233						<div class="SectionIcon ShowOnMobile">
234							<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#item-article"></use></svg>
235						</div>
236						
237						<a class="tab" title="Articles on Graphic Design and Typography" href="/articles">Articles</a>
238						
239						
240							<div class="SectionGo ShowOnMobile">
241								<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_left"></use></svg>
242							</div>
243							<ul>
244								
245									<li><a class="sub" title="Typography Essays" href="/articles/essays">Essays</a></li>
246								
247									<li><a class="sub" title="Typography Typeface stories" href="/articles/typeface_stories">Typeface stories</a></li>
248								
249									<li><a class="sub" title="Authors" href="/authors">Authors</a></li>
250								
251							</ul>
252						
253					</li>
254				
255					<li class="studio">
256						<div class="SectionIcon ShowOnMobile">
257							<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#sidebar-suitcaseX"></use></svg>
258						</div>
259						
260						<a class="tab" title="TPTQ Arabic Studio" href="/studio">Studio</a>
261						
262						
263							<div class="SectionGo ShowOnMobile">
264								<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_left"></use></svg>
265							</div>
266							<ul>
267								
268									<li><a class="sub" title="About TPTQ Arabic" href="/studio/about">About TPTQ Arabic</a></li>
269								
270									<li><a class="sub" title="TPTQ Arabic Contact Address" href="/studio/contact">Contact Address</a></li>
271								
272									<li><a class="sub" title="TPTQ Arabic Press mentions" href="/studio/press">Press</a></li>
273								
274							</ul>
275						
276					</li>
277				
278					<li class="help">
279						<div class="SectionIcon ShowOnMobile">
280							<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-info"></use></svg>
281						</div>
282						
283						<a class="tab" title="TPTQ Arabic Help" href="/help">Help</a>
284						
285						
286					</li>
287				
288					<li class="blog">
289						<div class="SectionIcon ShowOnMobile">
290							<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#item-blog"></use></svg>
291						</div>
292						
293						<a class="tab" title="TPTQ Arabic Blog" href="/blog">Blog</a>
294						
295						
296					</li>
297				
298				<div class="PullAjaxRequest" data-par-class="MainMenuILikedPagesButtonPullAjaxResponse" data-par-group="group6"></div>
299				<div class="PullAjaxRequest MainMenuMyAccountButtonWrapper" data-par-class="MainMenuMyAccountButtonPullAjaxResponse" data-par-group="group5" data-par-account="" data-par-template-method=""></div>
300			</ul>
301		</div>
302		
303		<div id="sitetools" class="collapse navbar-collapse SearchFormNavbarCollapse">
304			
305<form id="SiteSearchForm_SiteSearchForm" action="/search/SiteSearchForm" method="get" enctype="application/x-www-form-urlencoded" class="SiteSearchForm">
306
307	
308	<p id="SiteSearchForm_SiteSearchForm_error" class="message " style="display: none"></p>
309	
310	
311	<fieldset>
312		 
313		
314			<svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-search"></use></svg>
315		
316			<div id="Search" class="field htmlcontentautocomplete nolabel">
317	
318	<div class="middleColumn">
319		<input type="text" name="Search" class="htmlcontentautocomplete nolabel" id="SiteSearchForm_SiteSearchForm_Search" placeholder="Search" autocomplete="off" />
320			<div style="display: none">
321				
321<script type="text/javascript">
322					
323					$(function() {
324					
325						$("#SiteSearchForm_SiteSearchForm_Search").autocomplete({
326							source: "/search/",
327							minLength: 3,
328							position: { my : 'right top', at: 'right bottom' },
329							// if isset ui.item.link after select redirect to link
330							// if isset ui.item.selectorToClick, click on element
331							select: function (event, ui) {
332								// send virtual pageview for searched term to google analytics
333								if(ui.item !== "undefined" && ui.item.virtualtracklink)
334								{
335									if($.isFunction(window.ga))
336									{
337										ga('send', { 'hitType': 'pageview', 'page': ui.item.virtualtracklink, 'title': 'Search term' });
338									}
339								}
340								
341								if(ui.item !== "undefined" && ui.item.link)
342								{
343									event.preventDefault();
344									location.href = ui.item.link;
345								}
346								else if(ui.item !== "undefined" && ui.item.selectorToClick)
347								{
348									event.preventDefault();
349									var elementToClick = $(ui.item.selectorToClick);
350									if(elementToClick.length)
351									{
352										elementToClick.click();
353									}
354								}
355							}
356						})
357						.blur(function(event){
358							// on iOS prevent hiding autocomplete results when virtual keyboard is hiding
359							if ((/iPhone|iPod|iPad/).test(navigator.userAgent))
360							{
361								var id = window.setTimeout(function() {}, 0);
362								// clear all timeouts
363								while (id--)
364								{
365									window.clearTimeout(id); // will do nothing if no timeout with id is present
366								}
367							}
368						})
369						// render content with HTML
370						.data("autocomplete")._renderItem = function( ul, item ) {
371						
372							ul.addClass("HtmlContentAutocompleteResult");
373							ul.addClass("");
374							
375							return $( "<li class=\"HtmlItem\">" )
376								.data( "item.autocomplete", item )
377								.data( "ui-autocomplete-item", item )
378								.append( item.label )
379								.appendTo( ul );
380						 };
381					});
382					
383				</script>
383
384			</div>
385		
386	</div>
387	
388	
389</div>
390		
391		<div class="clear"><!-- --></div>
392	</fieldset>
393
394	
395	<div class="Actions">
396		
397			
398	<input type="submit" name="action_doAction" value="Submit" class="action action" id="SiteSearchForm_SiteSearchForm_action_doAction" />
399
400		
401	</div>
402	
403
404</form>
405
406
407			<div data-par-login-title="TPTQ Arabic User Account" data-par-login-href="/my_account" data-par-group="group2" data-par-class="LoginMenuButtonPullAjaxResponse" class="PullAjaxRequest ShowOnDesktop"></div>
408		</div>
409
410		<div class="clear"></div>
411	
412</div>
413
414	
415	
416	<div class="MainMenu MainMenuAccountMobile ShowOnMobile">
417		<div class="PullAjaxRequest collapse navbar-collapse AccountMenuNavbarCollapse" data-par-class="MainMenuMyAccountButtonPullAjaxResponse" data-par-group="group5-1" data-par-account="" data-par-template-method="glyphs"></div>
418	</div>
419
420</div>
421
422
423
424        <div class="container ContentContainer" id="container" data-url="/ssadmin/homepage/">
425            <div class="modal" id="ModalWindowSmallRight" tabindex="-1" role="dialog" aria-labelledby="ModalWindowLabelSmallRight" aria-hidden="true">
426	<div class="modal-dialog">
427		<div class="modal-content">
428			<div class="modal-header">
429				<div class="modal-title" id="ModalWindowLabelSmallRight"></div>
430			</div>
431		</div><!-- /.modal-content -->
432	</div><!-- /.modal-dialog -->
433</div><!-- /.modal -->
434
435            <div class="container-inner ResponsiveSideBar PurpleSideBar homepage">
436	<div class="wrapper">
437		<div class="inner-wrapper">
438			<div class="content-wrapper clearfix">
439				<div class="content">
440						<div class="LeftBar col-xs-12 col-md-9 col-lg-80p">
441							
442	
443	    <div id="homepage-carousel" class="owl-carousel">
444	    
445			<div>
446				<a href="https://tptq-arabic.com/blog/la_grotesque_a_typeface_with_mediterranean_flavour">
447					
448						
449						<img data-src="assets/homepageimages/LaGrotesque-Homepage-3.svg" class="lazyload carousel-image" />
450					
451				</a>
452			</div>
453	    
454			<div>
455				<a href="https://tptq-arabic.com/blog/roshan_a_typeface_inspired_by_sufism">
456					
457						
458						<img data-src="assets/homepageimages/Roshan-about-concept.svg" class="lazyload carousel-image" />
459					
460				</a>
461			</div>
462	    
463	    </div>
464	
465
466						</div>
467						<div class="RightBar col-xs-12 col-md-3 col-lg-20p">
468							
469<div class="SideSection clearfix SectionClickable NoLeftPadding">
470	<a href="/blog">
471		<div class="SectionTitle">Blog</div>
472		<div class="SectionGo">
473	        <svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_right"></use></svg>
474	    </div>
475    </a>
476</div>
477<div class="SideSection clearfix NoLeftPadding">
478	<div class="News">
479		
480			<ul class="ShowOnDesktop">
481				
482					<a href="/blog/shekanj_a_contemporary_dialogue_with_nastaʿliq">
483						<li>
484							<div class="Title"><h3>Shekanj, a contemporary dialogue with Nastaʿlīq</h3></div>
485							<div class="Meta">Tuesday, 30 December 2025</div>
486						</li>
487					</a>
488				
489					<a href="/blog/ping_round_an_unapologetically_warm_but_constructed_typeface">
490						<li>
491							<div class="Title"><h3>Ping Round, an unapologetically warm but constructed typeface</h3></div>
492							<div class="Meta">Friday, 27 June 2025</div>
493						</li>
494					</a>
495				
496					<a href="/blog/roshan_a_typeface_inspired_by_sufism">
497						<li>
498							<div class="Title"><h3>Roshan, a typeface inspired by Sufism</h3></div>
499							<div class="Meta">Wednesday, 5 March 2025</div>
500						</li>
501					</a>
502				
503			</ul>
504			<ul class="ShowOnMobile">
505				
506					<a href="/blog/shekanj_a_contemporary_dialogue_with_nastaʿliq">
507						<li>
508							<div class="Title"><h3>Shekanj, a contemporary dialogue with Nastaʿlīq</h3></div>
509							<div class="Meta">Tuesday, 30 December 2025</div>
510						</li>
511					</a>
512				
513					<a href="/blog/ping_round_an_unapologetically_warm_but_constructed_typeface">
514						<li>
515							<div class="Title"><h3>Ping Round, an unapologetically warm but constructed typeface</h3></div>
516							<div class="Meta">Friday, 27 June 2025</div>
517						</li>
518					</a>
519				
520					<a href="/blog/roshan_a_typeface_inspired_by_sufism">
521						<li>
522							<div class="Title"><h3>
522Roshan, a typeface inspired by Sufism</h3></div>
523							<div class="Meta">Wednesday, 5 March 2025</div>
524						</li>
525					</a>
526				
527			</ul>
528		
529	</div>
530</div>
531
532						</div>
533				</div>
534			</div>
535		</div>
536	</div>
537</div>
538<div class="container-inner homepage ResponsiveSideBar OrangeSideBar">
539	<div class="wrapper">
540		<div class="inner-wrapper">
541			<div class="content-wrapper clearfix">
542				<div class="content homebottombar clearfix">
543						<div class="LeftBar col-xs-12 col-md-9 col-lg-80p">
544							
545	
546        <div class="FontFamiliesHolder">
547            <ul class="PurposesEncodingsWrapper clearfix">
548				
549					
550                        <a href="/fonts/text_fonts" title="Text Fonts" class="FontItem">
551                            <li>
552								<?xml version="1.0" encoding="utf-8"?>
553<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
554<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 30.2 36.8" xml:space="preserve" class="icon">
555<path d="M14.9,15.5c-2.7,0-3.3-1-3.3-1.7c0-0.8,1.1-2.6,3.2-2.6c1.9,0,3.1,1.6,3.8,3.3C17.7,15.2,16.4,15.5,14.9,15.5 M15.8,7.2  c-3.6,0-6,3.7-6,7.4c0,3,1.6,5.2,4.8,5.2c2.1,0,3.2-1,3.7-1.6c0.3-0.5,0.6-1.1,0.8-2.2c0.1,0.4,0.1,0.7,0.1,1c0,2.9-2.6,8.5-11,8.5  c-1.7,0-3.5-0.4-3.5-0.4l-0.5,1.6c2.3,1.1,5.6,2.7,7.8,2.7c5.5,0,9.2-6.3,9.2-13.9C21.3,10.8,19,7.2,15.8,7.2"/>
556</svg>
557
558                                <div class="PurposesEncodingsTitle">Text Fonts</div>
559                                <div class="SectionGo ShowOnMobile"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_right"></use></svg></div>
560                            </li>
561                        </a>
562					
563                        <a href="/fonts/display_fonts" title="Display Fonts" class="FontItem">
564                            <li>
565								<?xml version="1.0" encoding="utf-8"?>
566<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
567<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 30.2 36.8" xml:space="preserve" class="icon">
568<path d="M8,27.7c0.7,0.8,2.4,1.6,4.6,1.6v-6.2c-1.4,0-3.3-0.3-4.6-1.1V27.7z M18.1,19.5c0,0,0.2-0.9,0.2-1.8c0-1.7-0.5-2.7-0.5-2.7  s-0.9,0.2-2.8,0.2c-1.9,0-2.6-0.1-2.8-0.5H8.9c0,0.2,0,0.5,0,0.7c0,3.4,1.6,5.9,5.5,5.9C16.4,21.2,17.6,20.2,18.1,19.5 M12.3,14  c0.2-0.6,1.1-1,2.5-1.1V7.2c-3.7,0.4-5.5,3.4-5.9,6.8H12.3z M22.2,16.3c0-4.9-2-9.1-6.6-9.1h-0.1V13c2.8,0,3.5,1.7,3.5,4.4v0.3  c-0.1,3.6-1.9,5.2-5.8,5.4v6.2c5.7-0.2,9-4.9,9-11.6V16.3z"/>
569</svg>
570
571                                <div class="PurposesEncodingsTitle">Display Fonts</div>
572                                <div class="SectionGo ShowOnMobile"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_right"></use></svg></div>
573                            </li>
574                        </a>
575					
576                        <a href="/fonts/newspaper_fonts" title="Newspaper Fonts" class="FontItem">
577                            <li>
578								<?xml version="1.0" encoding="utf-8"?>
579<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
580<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 30.2 36.8" xml:space="preserve" class="icon">
581<path d="M11.1,14.8c0.2-1.8,1.8-3.6,3.6-3.6c2,0,3.6,2,4.5,4.2c-1.2,0.5-3,0.8-4.4,0.8C12.8,16.3,11.6,15.8,11.1,14.8 M15.6,7.2  c-3.5,0-5.9,4.2-5.9,7.7c0,3.3,1.5,5.5,4.9,5.5c2,0,3.3-0.6,3.8-1l1.2-3.2c0.3,0.8,0.4,1.5,0.6,2.3c-1.3,5.6-8.4,7.3-13.2,7.3  l-0.2,1.3l8.3,2.3c2.8-1.1,5.4-5.1,6.4-9.3c0.2-1,0.3-2.6,0.3-3.6C21.6,11.7,19.4,7.2,15.6,7.2"/>
582</svg>
583
584                                <div class="PurposesEncodingsTitle">Newspaper Fonts</div>
585                                <div class="SectionGo ShowOnMobile"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_right"></use></svg></div>
586                            </li>
587                        </a>
588					
589                        <a href="/fonts/branding" title="Branding" class="FontItem">
590                            <li>
591								<?xml version="1.0" encoding="utf-8"?>
592<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
593<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 30.2 36.8" xml:space="preserve" class="icon">
594<g>
595	<path d="M15.9,28.3c1.6-0.7,2.8-1.6,3.8-2.8c1-1.2,1.6-2.5,2.1-4c0.4-1.5,0.6-3.1,0.6-4.7c0-1.3-0.2-2.5-0.5-3.7   c-0.3-1.2-0.8-2.2-1.4-3.1c-0.6-0.9-1.4-1.6-2.3-2.1c-0.9-0.5-1.9-0.8-3.1-0.8c-1.5,0-2.7,0.4-3.9,1.1c-1.1,0.7-2,1.7-2.6,2.9   c-0.6,1.2-0.9,2.6-0.9,4.1c0,1.1,0.2,2.2,0.7,3.1c0.5,0.9,1.2,1.7,2.1,2.2c1,0.6,2.1,0.8,3.6,0.8c1.4,0,2.5-0.2,3.3-0.7   c0.8-0.5,1.5-1.1,1.9-1.7c0.5-0.7,0.8-1.4,0.9-2c0.2-0.6,0.2-1.1,0.2-1.5l-0.5-1.4c0,0.6-0.3,1.1-0.7,1.7c-0.4,0.6-1,1-1.8,1.4   c-0.8,0.4-1.8,0.6-3.1,0.6c-1.2,0-2.2-0.2-3-0.7c-0.8-0.5-1.1-1.2-1.1-2.1c0-0.6,0.2-1.2,0.5-1.8c0.3-0.6,0.8-1.1,1.5-1.5   c0.7-0.4,1.5-0.6,2.5-0.6c0.8,0,1.5,0.2,2.1,0.6c0.6,0.4,1.1,0.8,1.4,1.4c0.4,0.6,0.7,1.2,0.9,1.8c0.2,0.6,0.4,1.2,0.4,1.8   l-0.
5951,1.9c0,0.8-0.2,1.7-0.5,2.5c-0.3,0.9-0.9,1.6-1.6,2.3c-0.7,0.7-1.7,1.3-2.9,1.7c-1.2,0.4-2.6,0.6-4.3,0.6c-1,0-1.9,0-2.6-0.1   c-0.8-0.1-1.4-0.2-1.9-0.3l-0.3,3.5c0.4,0.1,1,0.3,1.9,0.4c0.8,0.1,1.8,0.2,2.8,0.2C12.4,29.3,14.4,29,15.9,28.3"/>
596</g>
597</svg>
598
599                                <div class="PurposesEncodingsTitle">Branding</div>
600                                <div class="SectionGo ShowOnMobile"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_right"></use></svg></div>
601                            </li>
602                        </a>
603					
604				
605                <a href="/fonts" title="Browse All Fonts" class="FontItem">
606                    <li>
607						<svg class="icon" viewBox="0 0 170 70"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#category-browse"></use></svg>
608                        <div class="PurposesEncodingsTitle">Browse All Fonts</div>
609                        <div class="SectionGo ShowOnMobile"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#ui-arrow_right"></use></svg></div>
610                    </li>
611                </a>
612            </ul>
613        </div>
614	
615
616						</div>
617						<div class="RightBar col-xs-12 col-md-3 col-lg-20p">
618							
619    <a href="http://www.typotheque.com/" class="BrowseMore">
620        <div class="BrowseMore-inner">
621            <div class="Title">
622                Typotheque.com
623            </div>
624            <span class="type">Latin</span><span class="type">Cyrillic</span><span class="type">Greek</span>
625        </div>
626    </a>
627
628						</div>
629				</div>
630			</div>
631		</div>
632	</div>
633</div>
634        </div>
635
636        
637            
638
639<div id="footer" class="row">
640	<div class="Connect col-md-3 col-xs-12">
641		
642		<div class="MailingListAcccessCodeText pb-5 pl-10"><strong>Join mailing list and get &euro;20 off any font</strong></div>
643		
644<form id="JoinMailingForm_JoinMailingForm" action="/ssadmin/homepage/JoinMailingForm" method="post" enctype="application/x-www-form-urlencoded" class="JoinMailingForm row">
645
646	
647	<p id="JoinMailingForm_JoinMailingForm_error" class="message " style="display: none"></p>
648	
649	
650	<fieldset>
651		 
652		
653			<div id="Address" class="field email text nolabel">
654	
655	<div class="middleColumn">
656		<input type="email" name="Address" class="email text nolabel" id="JoinMailingForm_JoinMailingForm_Address" placeholder="Join our mailing list" />
657	</div>
658	
659	
660</div>
661		
662			<div id="Name" class="field text hpname nolabel">
663	
664	<div class="middleColumn">
665		<input type="text" name="Name" class="text hpname nolabel" id="JoinMailingForm_JoinMailingForm_Name" />
666	</div>
667	
668	
669</div>
670		
671			
672		
673		<div class="clear"><!-- --></div>
674	</fieldset>
675
676	
677	<div class="Actions">
678		
679			
680	<input type="submit" name="action_doAction" value="Submit" class="action action" id="JoinMailingForm_JoinMailingForm_action_doAction" />
681
682		
683	</div>
684	
685
686</form>
687
688
689		
690		
691			<ul class="ConnectLinks">
692				
693					<li class="col-md-12 col-xs-4"><a href="https://twitter.com/TPTQArabic" title="Follow us on twitter" target="_blank" class="twitter"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#share-twitter"></use></svg> <span class="ShowOnDesktop">Twitter</span></a></li>
694				
695					<li class="col-md-12 col-xs-4"><a href="https://www.facebook.com/TPTQArabic" title="Become our fan on Facebook" target="_blank" class="facebook"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#share-facebook"></use></svg> <span class="ShowOnDesktop">Facebook</span></a></li>
696				
697					<li class="col-md-12 col-xs-4"><a href="/rss" title="Subscribe to RSS feed" target="_blank" class="rss"><svg class="icon" viewBox="0 0 20 20"><use xlink:href="/ssadmin/tptq_site_common/images/svg/sprite.svg#share-rss"></use></svg> <span class="ShowOnDesktop">RSS feed</span></a></li>
698				
699			</ul>
700		
701	</div>
702	<div class="QuickLinks col-md-3 col-xs-6">
703		
704			<h3>Quick Links</h3>
705			<ul>
706				
707					<li><a href="/studio/contact" title="Contact">Contact</a></li>
708				
709					<li><a href="/fonts/testing" title="Testing Fonts">Testing Fonts</a></li>
710				
711					<li>
711<a href="/licensing/price_calculator" title="Price Calculator">Price Calculator</a></li>
712				
713					<li><a href="/ordering/privacy" title="Privacy Policy">Privacy Policy</a></li>
714				
715			</ul>
716		
717	</div>
718	
719	
720		<div class="OtherLinks col-md-3 col-xs-6">
721			<h3>Sister Company</h3>
722			<ul>
723				
724					<li><a href="https://www.typotheque.com/" title="Typotheque.com" target="_blank">Typotheque.com</a></li>
725				
726			</ul>
727		</div>
728	
729	<div class="Copyright col-md-3 col-xs-12">
730		<div class="CopyrightYear">TPTQ Arabic &copy; 2015 &ndash; 2026</div>
731		<div class="CopyrightReserved">All Rights Reserved</div>
732	</div>
733</div>
734
735
736        
737
738        
739
740
741    <div class="PullAjaxRequest FloatingCartWrapper" data-par-class="FloatingCartPullAjaxResponse" data-par-group="group4" data-par-checkout="" data-par-pricecalculator=""></div>
742
743    </body>
744</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.