<!doctype html>
<!--[if IE 9]><html class="ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html prefix="og: http://ogp.me/ns#" lang="en">

    <head>
        
        
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-219839842-1"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        
        gtag('config', 'UA-219839842-1');
        </script>
        
        <!-- mailchimp -->
        <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/7da9b20206738ffbaa602eeda/800a7b7b01894922a2182b9b7.js");</script>
        
        
        
        
        <title>Typedepot</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="Typedepot - type foundry of high quality retail and custom fonts" />
        <meta name="keywords" content="">
        <meta name="author" content="StudioX">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">    

        <meta name="robots" content="index,follow" />

        <!-- Og tags -->
        <meta property="og:type" content="website"/>
        <meta property="og:locale" content="en" />
        <meta property="og:title" content="Typedepot"/>               
                    <meta property="og:description" content="Typedepot - type foundry of high quality retail and custom fonts"/>
                            <meta property="og:image" content="https://typedepot.com/web/files/richeditor/OG_(2).png"/>
                <meta property="og:type" content="Article"/>


        <meta name="twitter:card" content="summary_large_image" />
                    <meta name="twitter:description" content="Typedepot - type foundry of high quality retail and custom fonts" />
                <meta name="twitter:title" content="Typedepot" />
                    <meta name="twitter:image" content="https://typedepot.com/web/files/richeditor/OG_(2).png" />
        

        <!-- Favicon -->
        <link rel="apple-touch-icon" sizes="180x180" href="/web/images/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/web/images/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/web/images/favicon/favicon-16x16.png">
        <link rel="manifest" href="/web/images/favicon/site.webmanifest">
        <link rel="mask-icon" href="/web/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
        <link rel="shortcut icon" href="/web/images/favicon/favicon.ico">
        <meta name="apple-mobile-web-app-title" content="Typedepot">
        <meta name="application-name" content="Typedepot">
        <meta name="msapplication-TileColor" content="#df3726">
        <meta name="msapplication-config" content="/web/images/favicon/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">        



        <!-- CSS -->
        <link rel="stylesheet" href="/web/css/all.min.css">


        
        
    <script type="text/javascript">
        var _root = '/';
        var _public = '/web/';
        var xhr_url = '/xhr';
    </script>

    <script>
        // Detect touch screen
        touchDetect = function () {
            return 'ontouchstart' in window || navigator.maxTouchPoints;
        };

        if (touchDetect() == true) {
            document.documentElement.classList.remove('non-touch');
            document.documentElement.classList.add('touch');
        } else {
            document.documentElement.classList.add('non-touch');
            document.documentElement.classList.remove('touch');
        }

        // Picture element HTML5 shiv
        document.createElement('picture');
    </script>

</head>
<body class="en-US">
    






    
    <div class="site">

        <header class="main-header js-main-header">
            <div class="wrapper">
                <div class="main-nav js-main-nav">
                    <h1 class="site-logo">
                        <a href="/" title="Typedepot" class="site-logo__link">
                            <img src="/web/images/typedepot-logo.svg" alt="Typedepot"/>
                            <strong class="visuallyhidden">Typedepot</strong>
                        </a>
                    </h1>

                    <button class="main-nav__mobile-menu-btn js-mobile-menu-btn" title="mobile menu"><span class="visuallyhidden">menu</span></button>

                    <ul class="main-nav__list main-nav__list--primary js-mobile-menu">
    <li class="main-nav__list-item">
        <a href="/en/all-fonts" class="main-nav__link " title="Fonts">Fonts</a>
                    <div class="main-nav__submenu main-nav__submenu--mega">
                                            <a href="/en/fonts/banda-nova" title="Banda Nova" class="main-nav__submenu-link">Banda Nova</a>
                            <a href="/en/fonts/centrale-sans" title="Centrale Sans" class="main-nav__submenu-link">Centrale Sans</a>
                            <a href="/en/fonts/centrale-sans-condensed" title="Centrale Sans Condensed" class="main-nav__submenu-link">Centrale Sans Condensed</a>
                            <a href="/en/fonts/centrale-sans-rounded" title="Centrale Sans Rounded" class="main-nav__submenu-link">Centrale Sans Rounded</a>
                            <a href="/en/fonts/cormac-neue" title="Cormac Neue" class="main-nav__submenu-link">Cormac Neue</a>
                            <a href="/en/fonts/corsa-grotesk" title="Corsa Grotesk" class="main-nav__submenu-link">Corsa Grotesk</a>
                            <a href="/en/fonts/lens-grotesk" title="Lens Grotesk" class="main-nav__submenu-link">Lens Grotesk</a>
                            <a href="/en/fonts/neumann" title="Neumann" class="main-nav__submenu-link">Neumann</a>
                            <a href="/en/fonts/piron" title="Piron" class="main-nav__submenu-link">Piron</a>
                    

        </div>
            </li>
    
    <li class="main-nav__list-item " >
        <a 
        class="main-nav__link "
                            href="
                                    /en/news
                "
                         
            title="News"
            >
            News
                    </a>
            </li>
    
    <li class="main-nav__list-item " >
        <a 
        class="main-nav__link "
                            href="
                                    /en/services
                "
                         
            title="Services"
            >
            Services
                    </a>
            </li>
    
    <li class="main-nav__list-item " >
        <a 
        class="main-nav__link "
                            data-toggle="dropdown" 
                href="#" role="button" 
                aria-haspopup="true" 
                aria-expanded="false" 
                         
            title="Help"
            >
            Help
                        <b class="caret"></b>
                    </a>
                <div class="main-nav__submenu">
                                                <a class="main-nav__submenu-link " href="/en/help/license-agreements"  title="License Agreements" >License Agreements</a>
                                                                <a class="main-nav__submenu-link " href="/en/help/privacy-policy"  title="Privacy Policy" >Privacy Policy</a>
                                                                <a class="main-nav__submenu-link " href="/en/help/frequent-questions"  title="Frequent Questions" >Frequent Questions</a>
                                                                <a class="main-nav__submenu-link " href="/en/help/terms-and-conditions"  title="Terms And Conditions" >Terms And Conditions</a>
                                    </div>
            </li>
    
    <li class="main-nav__list-item " >
        <a 
        class="main-nav__link "
                            href="
                                    /en/about
                "
                         
            title="About"
            >
            About
                    </a>
            </li>
    </ul>
<ul class="main-nav__list">
    <li class="main-nav__list-item">
        <a href="/cart/my-cart" class="main-nav__link " title="Cart">
            <svg class="icon icon--24x24"><use xlink:href="/web/images/symbol-defs.svg#icon-checkout"></use></svg>
            <span class="cart-counter cart-counter--absolute" id="cart_id">0</span>
        </a>
    </li>
    <li class="main-nav__list-item  main-nav__list-item--profile">
        <a href="/account/my-account" class="main-nav__link  " title="My account">
            <svg class="icon icon--24x24"><use xlink:href="/web/images/symbol-defs.svg#icon-account2"></use></svg>
            <span class="main-nav__link-hidden-text">My account</span>
        </a>
            </li>
</ul>




                </div>
            </div>
        </header>



<main class=" main-content ">





        <!-- Content -->
        
<section class="section--padded-80-bottom">
    <h2 class="visuallyhidden">Fonts</h2>
    
    <ul class="font-list font-list--spaced-bottom font-list--last-child-border">


<div class="js-font-styles">
            
                    <script type="fontload" class="js-style-fontload" data-ff="LensGrotesk" data-fw="600" data-fi="normal">
        @font-face {
            font-family: 'LensGrotesk';
            src:
                  
                                            url('/web/files/documents/853/demo_files/LensGrotesk-SemiBold.woff2') format('woff2'); 
                                                font-weight:600;
            font-style: normal;     
        </script>
            
                     
                    <script type="fontload" class="js-style-fontload" data-ff="CorsaGrotesk" data-fw="700" data-fi="normal">
        @font-face {
            font-family: 'CorsaGrotesk';
            src:
                  
                                            url('/web/files/documents/790/demo_files/CorsaGrotesk-Bold.woff2') format('woff2'); 
                                                font-weight:700;
            font-style: normal;     
        </script>
            
                     
                    <script type="fontload" class="js-style-fontload" data-ff="BandaNova" data-fw="700" data-fi="normal">
        @font-face {
            font-family: 'BandaNova';
            src:
                  
                                            url('/web/files/documents/621/demo_files/BandaNova-Bold.woff2') format('woff2'); 
                                                font-weight:700;
            font-style: normal;     
        </script>
            
                     
                    <script type="fontload" class="js-style-fontload" data-ff="CormacNeue" data-fw="500" data-fi="normal">
        @font-face {
            font-family: 'CormacNeue';
            src:
                  
                                            url('/web/files/documents/777/demo_files/CormacNeue-Medium.woff2') format('woff2'); 
                                                font-weight:500;
            font-style: normal;     
        </script>
            
                     
                    <script type="fontload" class="js-style-fontload" data-ff="Piron" data-fw="500" data-fi="normal">
        @font-face {
            font-family: 'Piron';
            src:
                  
                                            url('/web/files/documents/659/demo_files/Piron-TWDEMO.woff2') format('woff2'); 
                                                font-weight:500;
            font-style: normal;     
        </script>
            
                     
                    <script type="fontload" class="js-style-fontload" data-ff="CentraleSansCondensed" data-fw="700" data-fi="normal">
        @font-face {
            font-family: 'CentraleSansCondensed';
            src:
                  
                                            url('/web/files/documents/583/demo_files/CentraleSansCnd-Bold.woff2') format('woff2'), 
                                      
                                            url('/web/files/documents/583/demo_files/CentraleSansCnd-Bold.woff2') format('woff2'); 
                                                font-weight:700;
            font-style: normal;     
        </script>
            
                     
                    <script type="fontload" class="js-style-fontload" data-ff="CentraleSans" data-fw="700" data-fi="normal">
        @font-face {
            font-family: 'CentraleSans';
            src:
                  
                                            url('/web/files/documents/485/demo_files/CentraleSans-Bold.woff2') format('woff2'); 
                                                font-weight:700;
            font-style: normal;     
        </script>
            
                     
                    <script type="fontload" class="js-style-fontload" data-ff="CentraleSansRounded" data-fw="800" data-fi="normal">
        @font-face {
            font-family: 'CentraleSansRounded';
            src:
                  
                                            url('/web/files/documents/743/demo_files/CentraleSansRnd-XBold.woff2') format('woff2'); 
                                                font-weight:800;
            font-style: normal;     
        </script>
            
             

    <style>
                   .ff-lensgrotesk {
            font-family: 'LensGrotesk';        
        }  
                           .ff-corsagrotesk {
            font-family: 'CorsaGrotesk';        
        }  
                           .ff-bandanova {
            font-family: 'BandaNova';        
        }  
                           .ff-cormacneue {
            font-family: 'CormacNeue';        
        }  
                           .ff-piron {
            font-family: 'Piron';        
        }  
                           .ff-centralesanscondensed {
            font-family: 'CentraleSansCondensed';        
        }  
                           .ff-centralesans {
            font-family: 'CentraleSans';        
        }  
                           .ff-centralesansrounded {
            font-family: 'CentraleSansRounded';        
        }  
             
    </style>

</div>


        <li class="font-list__item">
        <a href="/fonts/lens-grotesk" title="LensGrotesk" class="font-block">
                        <div class="fit-block fit-block--above js-fit-block ff-lensgrotesk " data-ff="LensGrotesk" data-fw="600" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Counterclockwise</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                                    <div class="fit-block fit-block--below js-fit-block ff-lensgrotesk" data-ff="LensGrotesk" data-fw="600" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Counterclockwise</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                        <ul class="font-info">
                <li class="font-info__item"><strong class="font-info__title">Lens Grotesk</strong></li>
                <li class="font-info__item">17 fonts</li>
                <li class="font-info__item">from 39 €</li>
            </ul>
        </a>
    </li>
            <li class="font-list__item">
        <a href="/fonts/corsa-grotesk" title="CorsaGrotesk" class="font-block">
                        <div class="fit-block fit-block--above js-fit-block ff-corsagrotesk " data-ff="CorsaGrotesk" data-fw="700" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Reconstructional</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                                    <div class="fit-block fit-block--below js-fit-block ff-corsagrotesk" data-ff="CorsaGrotesk" data-fw="700" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Reconstructional</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                        <ul class="font-info">
                <li class="font-info__item"><strong class="font-info__title">Corsa Grotesk</strong></li>
                <li class="font-info__item">20 fonts</li>
                <li class="font-info__item">from 29 €</li>
            </ul>
        </a>
    </li>
            <li class="font-list__item">
        <a href="/fonts/banda-nova" title="BandaNova" class="font-block">
                        <div class="fit-block fit-block--above js-fit-block ff-bandanova " data-ff="BandaNova" data-fw="700" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Zeichnungen Ideen</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                                    <div class="fit-block fit-block--below js-fit-block ff-bandanova" data-ff="BandaNova" data-fw="700" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Zeichnungen Ideen</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                        <ul class="font-info">
                <li class="font-info__item"><strong class="font-info__title">Banda Nova</strong></li>
                <li class="font-info__item">14 fonts</li>
                <li class="font-info__item">from 29 €</li>
            </ul>
        </a>
    </li>
            <li class="font-list__item">
        <a href="/fonts/cormac-neue" title="CormacNeue" class="font-block">
                        <div class="fit-block fit-block--above js-fit-block ff-cormacneue " data-ff="CormacNeue" data-fw="500" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Rollerblading Champ</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                                    <div class="fit-block fit-block--below js-fit-block ff-cormacneue" data-ff="CormacNeue" data-fw="500" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Rollerblading Champ</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                        <ul class="font-info">
                <li class="font-info__item"><strong class="font-info__title">Cormac Neue</strong></li>
                <li class="font-info__item">14 fonts</li>
                <li class="font-info__item">from 29 €</li>
            </ul>
        </a>
    </li>
            <li class="font-list__item">
        <a href="/fonts/piron" title="Piron" class="font-block">
                        <div class="fit-block fit-block--above js-fit-block ff-piron " data-ff="Piron" data-fw="500" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Weightless Enamel</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                                    <div class="fit-block fit-block--below js-fit-block ff-piron" data-ff="Piron" data-fw="500" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Weightless Enamel</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                        <ul class="font-info">
                <li class="font-info__item"><strong class="font-info__title">Piron</strong></li>
                <li class="font-info__item">3 fonts</li>
                <li class="font-info__item">from 0 €</li>
            </ul>
        </a>
    </li>
            <li class="font-list__item">
        <a href="/fonts/centrale-sans-condensed" title="CentraleSansCondensed" class="font-block">
                        <div class="fit-block fit-block--above js-fit-block ff-centralesanscondensed " data-ff="CentraleSansCondensed" data-fw="700" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Chemie und Medizin</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                                    <div class="fit-block fit-block--below js-fit-block ff-centralesanscondensed" data-ff="CentraleSansCondensed" data-fw="700" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Chemie und Medizin</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                        <ul class="font-info">
                <li class="font-info__item"><strong class="font-info__title">Centrale Sans Condensed</strong></li>
                <li class="font-info__item">18 fonts</li>
                <li class="font-info__item">from 29 €</li>
            </ul>
        </a>
    </li>
            <li class="font-list__item">
        <a href="/fonts/centrale-sans" title="CentraleSans" class="font-block">
                        <div class="fit-block fit-block--above js-fit-block ff-centralesans " data-ff="CentraleSans" data-fw="700" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Cognitive Olympics</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                                    <div class="fit-block fit-block--below js-fit-block ff-centralesans" data-ff="CentraleSans" data-fw="700" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Cognitive Olympics</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                        <ul class="font-info">
                <li class="font-info__item"><strong class="font-info__title">Centrale Sans</strong></li>
                <li class="font-info__item">18 fonts</li>
                <li class="font-info__item">from 29 €</li>
            </ul>
        </a>
    </li>
            <li class="font-list__item">
        <a href="/fonts/centrale-sans-rounded" title="CentraleSansRounded" class="font-block">
                        <div class="fit-block fit-block--above js-fit-block ff-centralesansrounded " data-ff="CentraleSansRounded" data-fw="800" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Tropical Galaxy</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                                    <div class="fit-block fit-block--below js-fit-block ff-centralesansrounded" data-ff="CentraleSansRounded" data-fw="800" data-fe='{ "liga":0 }' data-fi="normal" data-fs="">
                <span class="fit-block__text js-fit-block__text" contenteditable="false" spellcheck="false">Tropical Galaxy</span>
                <span class="fit-block__font-size js-fit-block__font-size"></span>                                                        
            </div>
                        <ul class="font-info">
                <li class="font-info__item"><strong class="font-info__title">Centrale Sans Rounded</strong></li>
                <li class="font-info__item">15 fonts</li>
                <li class="font-info__item">from 29 €</li>
            </ul>
        </a>
    </li>
    
    </ul>                
    <div class="wrapper">                                                
        <div class="btn-row btn-row--center">
            <a href="/all-fonts" title="Browse all fonts" class="btn btn--bigest btn--alt btn--icon-right">
                Browse all fonts                                
                <svg class="icon icon--24x24"><use xlink:href="web/images/symbol-defs.svg#icon-arrow4"></use></svg>
            </a>
        </div>
    </div>
</section>

 
	     

	<div class="helper-row">
    <div class="wrapper">
        <div class="helper-row__content">
            <h3 class="helper-row__title"><p>Do you have any questions about a custom fonts or lettering?</p></h3>
            <a class="helper-row__text" href="mailto:contacts@typedepot.com" title="contacts@typedepot.com">contacts@typedepot.com</a>
        </div>
    </div>
</div>


</main>
<!-- CONTENT: END   -->
<!-- FOOTER: START  -->
<footer class="main-footer">

    <div class="cookie-bar js-cookie-bar" style="display: none;">
        <div class="cookie-bar__text text text--no-dropcap">
            <h4>Typedepot</h4>                        
            <p>This website uses cookies to ensure you get the best experience on our website <a href="https://typedepot.com/help/privacy-policy">read more</a></p>
        </div>
        <div class="cookie-bar__btn">
            <button type="button" class="btn btn--accent js-cookie-accept">Accept</button>
        </div>
    </div>

    <div class="main-footer__top">
        <div class="wrapper">
            <div class="main-footer__row">
                <div class="main-footer__row-item main-footer__row-item--grow">
                    <nav class="footer-nav">
                        <ul class="footer-nav__list">
	<li class="footer-nav__list-item"><strong class="footer-nav__title">Site</strong></li>
					<li class="footer-nav__list-item"><a  class="footer-nav__link" href="/" title="Fonts" >Fonts</a></li>
					<li class="footer-nav__list-item"><a  class="footer-nav__link" href="/news" title="News" >News</a></li>
					<li class="footer-nav__list-item"><a  class="footer-nav__link" href="/about" title="About" >About</a></li>
					<li class="footer-nav__list-item"><a  class="footer-nav__link" href="/about" title="Contacts" >Contacts</a></li>
		
</ul>
<ul class="footer-nav__list">
	<li class="footer-nav__list-item"><strong class="footer-nav__title">Help</strong></li>
					<li class="footer-nav__list-item"><a  class="footer-nav__link" href="/help/frequent-questions" title="Frequent Questions" >Frequent Questions</a></li>
					<li class="footer-nav__list-item"><a  class="footer-nav__link" href="/help/license-agreements/" title="License Agreements" >License Agreements</a></li>
					<li class="footer-nav__list-item"><a  class="footer-nav__link" href="/help/privacy-policy" title="Privacy Policy" >Privacy Policy</a></li>
		
</ul>

                    </nav>
                </div>

                <div class="main-footer__row-item main-footer__row-item--grow">
                    <form method="post" action="/" id="subscribe_form1" class="subscribe-form js-form-validate-subscribe">
                        <div class="form-group">
                            <div class="form-group__field">
                                <label class="form-group__field-label visuallyhidden" for="subscribe-email">Suubscribe for 20% Discount</label>
                                <input class="form-group__field-input form-group__field-input--border" type="email" name="subscriemail" id="subscribe-email" value="" placeholder="Your email address" data-validation="required, email" data-validation-error-msg-container=".js-subscribe-error"/>
                            </div>
                                                        <button
                                type="submit"
                                name="test"
                                id="recaptcha_subscribe1"
                                class="init-recaptcha form-group__field-btn"
                                data-call="submitSubscribeForm"
                                                                >
                                Subscribe
                            </button>

                            <div class="form__error-container form__error-container--alt js-subscribe-error"></div>
                        </div>

                        <!-- form message after submit - can have --success (green), --error (red), --warning (yellow) -->
                        <!--<p class="form__msg form__msg--success">Form result message</p>-->

                        <p class="subscribe-form__text">By subscribing to the Typedepot newsletter you will be informed about our upcoming typefaces and new releases. You’ll hear from us around four or six times a year only.</p>

                        <p class="subscribe-form__text">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</p>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="main-footer__bottom">
        <div class="wrapper">
            <div class="main-footer__row">
                <div class="main-footer__row-item">
                    <a href="./" title="Typedepot" class="site-logo site-logo--smaller">
                        <img src="/web/images/typedepot-logo.svg" alt="Typedepot"/>
                        <strong class="visuallyhidden">Typedepot</strong>
                    </a>

                    <span class="copyright">© 2010 - 2022 Typedepot - retail fonts and custom type</span>
                </div>
                <div class="main-footer__row-item main-footer__row-item--grow-mobile">
                    <div class="social-network">
                        <a href="https://www.instagram.com/typedepot/" title="instagram" class="social-network__link">
                            <svg class="icon icon--24x24"><use xlink:href="/web/images/symbol-defs.svg#icon-instagram"></use></svg>
                            <span class="visuallyhidden"><br />
<b>Notice</b>:  Undefined index: instagram in <b>/home/typedepo/public_html/cache/smarty/compiled/e1180b47b7ba4bf37efa1ece621452d3ce2e3f95_0.file._html_bottom.htm.php</b> on line <b>109</b><br />
</span>
                        </a>
                        <a href="https://www.facebook.com/typedepot" title="facebook" class="social-network__link">
                            <svg class="icon icon--24x24"><use xlink:href="/web/images/symbol-defs.svg#icon-facebook"></use></svg>
                            <span class="visuallyhidden">facebook</span>
                        </a>
                        <!--<a href="" title="linkedin" class="social-network__link">-->
                        <!--    <svg class="icon icon--24x24"><use xlink:href="/web/images/symbol-defs.svg#icon-linkedin"></use></svg>-->
                        <!--    <span class="visuallyhidden">linkedin</span>-->
                        <!--</a>-->
                        <a href="https://twitter.com/typedepot" title="twitter" class="social-network__link">
                            <svg class="icon icon--24x24"><use xlink:href="/web/images/symbol-defs.svg#icon-twitter"></use></svg>
                            <span class="visuallyhidden">twitter</span>
                        </a>
                    </div>

                    <span class="copyright copyright--studiox">
                        Site by: <a href="http://studiox.bg" title="Studio X" class="copyright__link" target="_blank" rel="noopener noreferrer">Studio X</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</footer>



<!-- jQuery -->
<script src="/web/js/all.min.js"></script>



<script type="text/javascript">
    var recaptcha_array = [];
    function initReCAPTCHA() {
        if ($('.init-recaptcha').length) {
            $(".init-recaptcha").each(function () {
                var object = $(this);
                var func = object.data('call');
                recaptcha_array[func] = grecaptcha.render(object.attr("id"), {
                    "sitekey": "6Le643YaAAAAAMyvrcVsvFcSECtEMpf5IWoeDzKg",
                    "callback": function (token) {
                        console.log('fuc:' + func);
                        window[func]();
                    }
                });
            });
        }
    }

    var msg_labels = {"requiredField":"Please fill out this field.","errorTitle":"Form submission failed!","requiredFields":"You have not answered all required fields","badEmail":"Invalid email address. Please enter a valid email address.","lengthBadEnd":" characters","lengthTooLongStart":"The input value is longer than ","lengthTooShortStart":"Your password must contain at least ","notConfirmed":"Input values could not be confirmed","badCustomVal":"The input value is incorrect","badInt":"The input value was not a correct number","min":"min","max":"max"};

    // ---------------------- VALIDATIONS ---------------------------------
    $(document).ready(function () {
        try {
            $.validate({
                language: msg_labels,
                form: '.js-form-validate-subscribe',
                borderColorOnError: '#b90d0d',
                errorMessageClass: 'form__error',
            });
        } catch (e) {
            console.log(e);
        }


        try {
            $.validate({
                language: msg_labels,
                form: '.js-form-validate-login',
                borderColorOnError: '#b90d0d',
                errorMessageClass: 'form__error',
                ignore: ['test'],
            });
        } catch (e) {
            console.log(e);
        }

        try {
            $.validate({
                language: msg_labels,
                form: '.js-form-validate-register',
                borderColorOnError: '#b90d0d',
                errorMessageClass: 'form__error',
                ignore: ['test'],
            });
        } catch (e) {
            console.log(e);
        }

        try {
            $.validate({
                language: msg_labels,
                form: '.js-form-validate-forgoten-password',
                borderColorOnError: '#b90d0d',
                errorMessageClass: 'form__error',
            });
        } catch (e) {
            console.log(e);
        }

        try {
            $.validate({
                language: msg_labels,
                form: '.js-form-validate-subscribe-2',
                borderColorOnError: '#b90d0d',
                errorMessageClass: 'form__error',
            });
        } catch (e) {
            console.log(e);
        }
    });
    // ---------------------- VALIDATIONS ------ END ------------------------


    // ---------------------- SUBSCRIBE ----------------------------------

    var form_id = '';
    var subscribe_xhr = '/register/xhr';

    function submitSubscribeForm(e) {
        var form_id = '#subscribe_form1';
        var reCaptchaID = recaptcha_array['submitSubscribeForm'];

        if( !$(form_id).isValid(msg_labels, {
            borderColorOnError: '#b90d0d',
            errorMessageClass: 'form__error',
        }) ) {
            grecaptcha.reset(reCaptchaID);
            return false;
        }
        
        $.ajax({
            url: subscribe_xhr + '?method=subscribe',
            type: 'POST',
            data: $(form_id).serialize(),
            success: function (data)
            {
                if (data.success)
                {
                    notificationAppend(data.notification.message, 'success');
                    $(form_id).trigger('reset');
                } else {
                    notificationAppend(data.notification.message, 'warning');
                    //window.location.replace('/');
                }
                grecaptcha.reset(reCaptchaID);
            },
            dataType: 'JSON'
        });
    }
    ;
    // ---------------------- SUBSCRIBE ------ END------------------------

</script>

<script src="https://www.google.com/recaptcha/api.js?onload=initReCAPTCHA&render=explicit" async defer></script>
</div>

</body>
</html><!-- FOOTER: END    -->