

<!doctype html>
<html lang="en" class="no-js">
<head>
    

    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js" integrity="sha512-UdIMMlVx0HEynClOIFSyOrPggomfhBKJE28LKl8yR3ghkgugPnG6iLfRfHwushZl1MOPSY6TsuBDGPK2X4zYKg==" crossorigin="anonymous"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.11/jquery.validate.unobtrusive.min.js" integrity="sha512-EanukVTZc4W9tUCLnDl069Izidg49PcNRKO1upLzKt9ajq66i+bXOtlzXcIbRhb6vVEGF6BCc8wQi5T1ztCpTQ==" crossorigin="anonymous"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ajax-unobtrusive/3.2.6/jquery.unobtrusive-ajax.min.js" integrity="sha512-DedNBWPF0hLGUPNbCYfj8qjlEnNE92Fqn7xd3Sscfu7ipy7Zu33unHdugqRD3c4Vj7/yLv+slqZhMls/4Oc7Zg==" crossorigin="anonymous"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=6Le4a4ohAAAAAOt5DAC0GYGL2DcKpa5vR5CokTzI"></script>

   
    <!-- Homepage.cshtml -->
        <script>
	    dataLayer = [{
            'UA Tracking ID': 'UA-644138-1',
            
            'Affiliate Api' : '//affiliatetrackerapi.monotypeimaging.com/scripts/affq.min.js'
        }];
    </script>
     <!-- Anti-flicker snippet -->
    <style>.async-hide { opacity: 0 !important }</style>
        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=UlOH7iMgYrWnrEciiW69zg&gtm_preview=env-2&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-KMXDG8X');</script>
        <!-- End Google Tag Manager --> 

<script>
    //To parse Http url to Https  for IE browser
    window.addEventListener('load', function () {
        function isIE() {
            var ua = window.navigator.userAgent;
            var msie = ua.indexOf('MSIE '); // IE 10 or older
            var trident = ua.indexOf('Trident/'); //IE 11
            return (msie > 0 || trident > 0);
        }

        if (isIE()) {
            console.log("IE Browser Detected");
            $(function () {
                $("[href*='http:'], [src*='http:'], [content*='http:']").each(function () {
                    var element = $(this);
                    var href = (element.attr("href") || "").replace("http://", "https://");
                    var src = (element.attr("src") || "").replace("http://", "https://");
                    var content = (element.attr("content") || "").replace("http://", "https://");
                    element.attr("href", href);
                    element.attr("src", src);
                    element.attr("content", content);
                });
            })
        }
    });
</script>
    
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset='UTF-8' />

<title>Fonts.com | Find, Buy &amp; Download Best Fonts</title>
<meta property="og:title" content="Fonts.com | Find, Buy &amp; Download Best Fonts" />
<meta property="og:site_name" content="Fonts.com" />
<meta property="og:type" content="website" />

<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="de_DE" />
<meta property="og:locale:alternate" content="ja_JP" />
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">



    <meta name="description" content="Browse and find the best selection of high-quality desktop and web fonts. Try, buy and download classics, new releases, and best selling fonts." />
    <meta property="og:description" content="Browse and find the best selection of high-quality desktop and web fonts. Try, buy and download classics, new releases, and best selling fonts." />

    <link rel="canonical" href="https://www.fonts.com" />
    <meta property="og:url" content="https://www.fonts.com" />

<meta name="google-site-verification" content="Epy10cFBjEtTHGZus2pffdatlnPJu7kSrMd8ekrwgyQ" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=1010" />
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="google-site-verification" content="34wI-XAQwS5-AudA8vseCSrETwXT6BdwZJQHt_o7Mvw" />

<link rel="apple-touch-icon" sizes="57x57" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/favicon-32x32.png" sizes="32x32">
    
<link href="//fast.fonts.net/cssapi/7492f661-79f4-4ab2-90f2-6a9eaf984a75.css" rel="stylesheet" />

            <link href="https://fast.fonts.net/FontsCom/Live/static/react-comp/static/css/main.ab37538d.chunk.css" rel="stylesheet" />


<!-- HomeCssReference.cshtml -->
<!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

    <!--[if !(lte IE 9)]> <!-- -->
    <link href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/home.css" rel="stylesheet" />
    <!-- <![endif] -->
    <!--[if lt IE 8]>
        <link href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/home-ie.css" rel="stylesheet" />
        <link href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/print.css" rel="stylesheet" media="print" />
    <![endif]-->
    <!--[if IE 8]>
        <link href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/home-ie8.css" rel="stylesheet" />
        <link href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/print.css" rel="stylesheet" media="print" />
    <![endif]-->
    <!--[if IE 9]>
        <link href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/home-ie9.css" rel="stylesheet" />
        <link href="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/print.css" rel="stylesheet" media="print" />
    <![endif]-->

    

    <script>
    </script>
</head>
<body data-context="home-page" class="home style-blue culture-code-en USD" itemscope itemtype="http://schema.org/WebPage">
            <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KMXDG8X&gtm_auth=UlOH7iMgYrWnrEciiW69zg&gtm_preview=env-2&gtm_cookies_win=x"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->

<script>
    //To parse Http url to Https  for IE browser
    window.addEventListener('load', function () {
        function isIE() {
            var ua = window.navigator.userAgent;
            var msie = ua.indexOf('MSIE '); // IE 10 or older
            var trident = ua.indexOf('Trident/'); //IE 11
            return (msie > 0 || trident > 0);
        }

        if (isIE()) {
            console.log("IE Browser Detected");
            $(function () {
                $("[href*='http:'], [src*='http:'], [content*='http:']").each(function () {
                    var element = $(this);
                    var href = (element.attr("href") || "").replace("http://", "https://");
                    var src = (element.attr("src") || "").replace("http://", "https://");
                    var content = (element.attr("content") || "").replace("http://", "https://");
                    element.attr("href", href);
                    element.attr("src", src);
                    element.attr("content", content);
                });
            })
        }
    });
</script>
    <div>
        <div class="inner-wrap">
            <p class="move"><a href="#skip">Skip to main content</a></p>


<div class="header-container" id="header" data-context="main-header"
     data-is-authenticated="false"
     data-username=""  
     data-currency="USD"
      data-contactid="-1"
     data-renderer-url="https://rndrr.fonts.net/"
     data-renderer-cache-url="https://rndrr.fonts.net/"
     data-minskyfontsver="5.0"
     data-desktopsubscriptiontier="False"
     data-is-new-webproject-view-active="True"
     data-eula-accepted="False"
     data-use-skyfontsv2="false"></div>
            


<section data-context="HeroImage" data-images="[{ &quot;url&quot;:&quot;/cdn-cgi/image/format=auto/https://cdncms.fonts.net/hero-images/Cotford FDC-Hero-1-1982x520.png&quot;,&quot;link&quot;:&quot;/font/monotype/cotford/packages&quot;},{ &quot;url&quot;:&quot;/cdn-cgi/image/format=auto/https://cdncms.fonts.net/hero-images/Tellumo FDC-Hero-1-1982x520.png&quot;,&quot;link&quot;:&quot;/font/monotype/tellumo/packages&quot;},{ &quot;url&quot;:&quot;/cdn-cgi/image/format=auto/https://cdncms.fonts.net/hero-images/Vary FDC-Hero-1-1982x520.png&quot;,&quot;link&quot;:&quot;/font/monotype/vary&quot;}]" class="hero-image show-for-medium-up">
    <div class="hero-image-overlay"></div>
    <div class="hero-images">
        
            <a href="https://www.fonts.com/monotype-font-management">
<img src="/cdn-cgi/image/format=auto/https://cdncms.fonts.net/hero-images/MF_promo_Fonts-dot-com_banner_1982x520.jpg" />            </a>
    </div>
    <div class="carousel">
        <div class="wrap">
            <ul class="clearfix">
                    <li>
                        <a href="#">
                            Monotype Fonts<small>Image by Monotype</small>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Cotford™<small>Image by Monotype</small>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Tellumo™<small>Image by Monotype</small>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Vary™<small>Image by Monotype</small>
                        </a>
                    </li>
                <li>
                    <a href="/browse/hero-images" data-skip="true">
                        View archive<span></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</section>



<section data-context="VideoAd"
         data-image="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/img/hero-video.jpg"
         data-link="/mls" class="video-info show-for-medium-up">
</section>

<script type="text/template" id="temp-lightbox-modal">
    <section class="modal video-modal">
        <h1><strong>Monotype Library Subscription</strong></h1>
        <a class="close">Close</a>
        <div data-context="modal-body">
            <%= body %>
        </div>
        <%= inputs %>
    </section>
</script>
            <div class="content">
                <div class="wrap">
                    <div class="main" role="main" id="skip">
                        
<section>
    <h2 class="delta">Best Selling New Fonts</h2>

      <div class="switch-a">
          <ul class="product with-popup badge">

              <li>
                  <a href="/font/punchform/dortmund" style="height: 130px; width: 130px; display: flex; justify-content: flex-start; align-items: center;">
<img alt="" src="/cdn-cgi/image/width=130,height=130,format=auto/https://rndrr.fonts.net/fonts/font_rend.php?id=e7194b0a384d76f9a636e3734bb5ece7&amp;rt=Aa&amp;rs=72&amp;w=130&amp;t=og&amp;tp=0" />                  </a>
                  <a href="/font/punchform/dortmund">Dortmund</a>
              </li>
              <li>
                  <a href="/font/latinotype/santi" style="height: 130px; width: 130px; display: flex; justify-content: flex-start; align-items: center;">
<img alt="" src="/cdn-cgi/image/width=130,height=130,format=auto/https://rndrr.fonts.net/fonts/font_rend.php?id=2753bd33697be3060aad82c9ee54c3b6&amp;rt=Aa&amp;rs=72&amp;w=130&amp;t=og&amp;tp=0" />                  </a>
                  <a href="/font/latinotype/santi">Santi</a>
              </li>
              <li>
                  <a href="/font/paulo-goode/pg-gothique" style="height: 130px; width: 130px; display: flex; justify-content: flex-start; align-items: center;">
<img alt="" src="/cdn-cgi/image/width=130,height=130,format=auto/https://rndrr.fonts.net/fonts/font_rend.php?id=57f30801e0c16bf2af5817b0f41e3259&amp;rt=Aa&amp;rs=72&amp;w=130&amp;t=og&amp;tp=0" />                  </a>
                  <a href="/font/paulo-goode/pg-gothique">PG Gothique</a>
              </li>
              <li>
                  <a href="/font/paulo-goode/pg-gothique-variable" style="height: 130px; width: 130px; display: flex; justify-content: flex-start; align-items: center;">
<img alt="" src="/cdn-cgi/image/width=130,height=130,format=auto/https://rndrr.fonts.net/fonts/font_rend.php?id=a7e3aebb3c186059c26400c39a28d43d&amp;rt=Aa&amp;rs=72&amp;w=130&amp;t=og&amp;tp=0" />                  </a>
                  <a href="/font/paulo-goode/pg-gothique-variable">PG Gothique Var&hellip;</a>
              </li>
              <li>
                  <a href="/font/letterhend/havin-bride" style="height: 130px; width: 130px; display: flex; justify-content: flex-start; align-items: center;">
<img alt="" src="/cdn-cgi/image/width=130,height=130,format=auto/https://rndrr.fonts.net/fonts/font_rend.php?id=b561ffda719f7034a0af066696d19236&amp;rt=Aa&amp;rs=72&amp;w=130&amp;t=og&amp;tp=0" />                  </a>
                  <a href="/font/letterhend/havin-bride">Havin Bride</a>
              </li>
              <li>
                  <a href="/font/latinotype/vanguardia" style="height: 130px; width: 130px; display: flex; justify-content: flex-start; align-items: center;">
<img alt="" src="/cdn-cgi/image/width=130,height=130,format=auto/https://rndrr.fonts.net/fonts/font_rend.php?id=1f4b4139fe88440887703897dab2fb65&amp;rt=Aa&amp;rs=72&amp;w=130&amp;t=og&amp;tp=0" />                  </a>
                  <a href="/font/latinotype/vanguardia">Vanguardia</a>
              </li>

          </ul>
        <p class="more"><a href="/browse/hot-new-fonts">View More...</a></p>
    </div>
</section>
<section>


	    <h2 class="delta">Font Management &amp; Subscription</h2>
            <article>
		        <header>
			        <h1><a href="https://www.fonts.com/monotype-font-management">Monotype Fonts</a></h1>
			        <p class="meta">by MonotypeFonts.com</p>
		        </header>
                <p><img alt="Monotype Fonts" src="/cdn-cgi/image/format=auto/https://promoimages.monotype.com/fdc-hp/monotype-fonts-management-subscription.png" width="120" style="display:block; float:left;margin: 0 10px 0 0;" />Monotype Fonts is the only on-demand font service designed by creatives, for creatives — making it easier than ever to find, manage and share the world’s best typography. With the largest collection of award-winning type as well as access to the world’s most sought after foundries and type designers, Monotype Fonts enables creative professionals to spend less time on administrative work, and more time on designing meaningful brand experiences. <a class="more" href="https://www.fonts.com/monotype-font-management">Continue Reading...</a></p>
	        </article>

        <footer>
            <h2 class="delta">Ideas &amp; Insights</h2>
            <ul class="list-c">
                        <li class="odd">   
                            <a href="http://blog.fonts.com/2017/03/better-paragraph-spacing/">Better Paragraph Spacing</a> By Jason Tselentis
                        </li>
                        <li>     
                            <a href="http://blog.fonts.com/2017/06/sst-the-strong-silent-type/">SST: The Strong, Silent Type</a> By Allan Haley 
                        </li>
            </ul >            
        </footer>
    
</section>


                    </div>
                    <div class="secondary">
                        
<section>
    <h2 class="delta">Featured Foundries</h2>

        <style>
            .featured-foundry-image {
                background: url('/cdn-cgi/image/format=auto/https://cdncms.fonts.net/featured-foundries/featured-foundry_sprite_image.png') repeat scroll 0 0 transparent;
            }
        </style>
        <ul class="list-d">
                <li>
                    <a class="foundry-header" href="/font/linotype">
                        <div class="featured-foundry-image" style="background-position: 0px -94px;">&nbsp;</div>
                        Linotype
                    </a>

                    <div class="product with-popup">                        
                            <a class="productpopper" href="/font/linotype/avenir">
                                Avenir
                            </a>                            
,                             <a class="productpopper" href="/font/linotype/futura">
                                Futura
                            </a>                            
,                             <a class="productpopper" href="/font/linotype/trade-gothic">
                                Trade Gothic 
                            </a>                            

                    </div>
                    
                </li>
                <li>
                    <a class="foundry-header" href="/font/monotype">
                        <div class="featured-foundry-image" style="background-position: 0px -141px;">&nbsp;</div>
                        Monotype
                    </a>

                    <div class="product with-popup">                        
                            <a class="productpopper" href="/font/monotype/abadi">
                                Abadi
                            </a>                            
,                             <a class="productpopper" href="/font/monotype/sackers-gothic">
                                Sackers Gothic
                            </a>                            
,                             <a class="productpopper" href="/font/monotype/soho">
                                Soho
                            </a>                            

                    </div>
                    
                </li>
                <li>
                    <a class="foundry-header" href="/font/itc">
                        <div class="featured-foundry-image" style="background-position: 0px -47px;">&nbsp;</div>
                        ITC
                    </a>

                    <div class="product with-popup">                        
                            <a class="productpopper" href="/font/itc/itc-conduit">
                                ITC Conduit
                            </a>                            
,                             <a class="productpopper" href="/font/itc/itc-franklin-gothic-lt">
                                ITC Franklin Gothic LT
                            </a>                            
,                             <a class="productpopper" href="/font/itc/neue-aachen">
                                Neue Aachen
                            </a>                            

                    </div>
                    
                </li>
                <li>
                    <a class="foundry-header" href="/font/adobe">
                        <div class="featured-foundry-image" style="background-position: 0px 0px;">&nbsp;</div>
                        Adobe
                    </a>

                    <div class="product with-popup">                        
                            <a class="productpopper" href="/font/adobe/minion">
                                Minion
                            </a>                            
,                             <a class="productpopper" href="/font/adobe/myriad">
                                Myriad
                            </a>                            
,                             <a class="productpopper" href="/font/adobe/trajan">
                                Trajan
                            </a>                            

                    </div>
                    
                </li>
                <li>
                    <a class="foundry-header" href="/font/exljbris">
                        <div class="featured-foundry-image" style="background-position: 0px -235px;">&nbsp;</div>
                        Exljbris
                    </a>

                    <div class="product with-popup">                        
                            <a class="productpopper" href="/font/exljbris/anivers">
                                Anivers
                            </a>                            
,                             <a class="productpopper" href="/font/exljbris/calluna-sans">
                                Calluna Sans
                            </a>                            
,                             <a class="productpopper" href="/font/exljbris/museo">
                                Museo
                            </a>                            

                    </div>
                    
                </li>
                <li>
                    <a class="foundry-header" href="/font/sudtipos">
                        <div class="featured-foundry-image" style="background-position: 0px -329px;">&nbsp;</div>
                        Sudtipos
                    </a>

                    <div class="product with-popup">                        
                            <a class="productpopper" href="/font/sudtipos/burgues-script">
                                Burgues Script
                            </a>                            
,                             <a class="productpopper" href="/font/sudtipos/compendium">
                                Compendium
                            </a>                            
,                             <a class="productpopper" href="/font/sudtipos/lady-rene">
                                Lady Rene
                            </a>                            

                    </div>
                    
                </li>
                <li>
                    <a class="foundry-header" href="/font/insigne">
                        <div class="featured-foundry-image" style="background-position: 0px -282px;">&nbsp;</div>
                        insigne
                    </a>

                    <div class="product with-popup">                        
                            <a class="productpopper" href="/font/insigne/aviano-contrast">
                                Aviano Contrast
                            </a>                            
,                             <a class="productpopper" href="/font/insigne/promethian">
                                Promethian
                            </a>                            
,                             <a class="productpopper" href="/font/insigne/questal">
                                Questal
                            </a>                            

                    </div>
                    
                </li>
                <li>
                    <a class="foundry-header" href="/font/urw">
                        <div class="featured-foundry-image" style="background-position: 0px -376px;">&nbsp;</div>
                        URW++
                    </a>

                    <div class="product with-popup">                        
                            <a class="productpopper" href="/font/urw/corporate-a">
                                Corporate A
                            </a>                            
,                             <a class="productpopper" href="/font/urw/corporate-s">
                                Corporate S
                            </a>                            
,                             <a class="productpopper" href="/font/urw/nimbus-sans">
                                Nimbus Sans
                            </a>                            

                    </div>
                    
                </li>
        </ul>
    
    <div>
        <div class="delta">Share</div>
        
        
<ul class="share-bar">
    <li class="facebook">
        <a href="https://www.facebook.com/sharer/sharer.php?u=https://172.31.241.211:4430/"
           class="webicon facebook small"
           title="Share on Facebook">Facebook</a>
    </li>
    <li class="twitter">
        <a href="https://twitter.com/intent/tweet?url=https://172.31.241.211:4430/&via=fontscom&text=Fonts.com"
           title="Share on Twitter"
           class="webicon twitter small"
           target="_blank">Twitter</a>
    </li>
    <li class="email">
        <a href="/cdn-cgi/l/email-protection#76490503141c1315024b30191802055815191b501419120f4b1e02020605534517534410534410474144584547584442475844474753451742424546534410" class="webicon mail small" title="Share via e-mail">Email</a>
    </li>
</ul>
    </div>
</section>



                    </div>
                    <div class="sub" role="complementary">
                        
<section>
    <h2 class="delta">Featured Fonts</h2>

    
<ul class="featured-fonts">
            <li>
		        <a href="/font/monotype/din-next" 
                    class="thumb" 
                    style="background-image: url(/cdn-cgi/image/format=auto,width=220,height=200/https://cdncms.fonts.net/featured-fonts/DINNext_Off_January.png);">
                </a>
	        </li>
            <li>
		        <a href="/font/type-dynamic/sailec" 
                    class="thumb" 
                    style="background-image: url(/cdn-cgi/image/format=auto,width=220,height=200/https://cdncms.fonts.net/featured-fonts/Sailec-OFF.png);">
                </a>
	        </li>
            <li>
		        <a href="/font/artegra/caldina" 
                    class="thumb" 
                    style="background-image: url(/cdn-cgi/image/format=auto,width=220,height=200/https://cdncms.fonts.net/featured-fonts/Caldina-OFF.png);">
                </a>
	        </li>
            <li>
		        <a href="/font/tower-of-babel/ardenson" 
                    class="thumb" 
                    style="background-image: url(/cdn-cgi/image/format=auto,width=220,height=200/https://cdncms.fonts.net/featured-fonts/Ardenson-OFF.png);">
                </a>
	        </li>
</ul>


</section>

                    </div>
                </div>
            </div>

            
            



                <div id="footer"></div>

            
            



                <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script defer src="//fast.fonts.net/FontsCom/Live/static/2.15.1016.0/home.js"></script>
            <input type="hidden" id="forgeryToken" value="PbppXjWzBSnpfaqWXpqqxNOjf3sdIlzn7u_LCAvVa6QpAeSZ8_EUlelBhuqsyuGKMF5JodQR7Ynqm8p0Fm_OPpRjPYo1,3vQTYAEyIeQqWjdurD2WDMvKYsncTEkHbHKAHFsSPZgjmG1G-fo7TGwgafE6w9byBrUwO5McNCRctRKFyLKHgSVO8Dk1" />
        </div>
    </div>

            <script src="https://fast.fonts.net/FontsCom/Live/static/react-comp/static/js/2.d86b272a.chunk.js"></script>
            <script src="https://fast.fonts.net/FontsCom/Live/static/react-comp/static/js/main.0d376078.chunk.js"></script>


<!--this script is used by Create React App-->
<script>
    !(function (e) {
        function t(t) {
            for (var n, c, f = t[0], l = t[1], a = t[2], i = 0, s = []; i < f.length; i++) (c = f[i]), Object.prototype.hasOwnProperty.call(o, c) && o[c] && s.push(o[c][0]), (o[c] = 0);
            for (n in l) Object.prototype.hasOwnProperty.call(l, n) && (e[n] = l[n]);
            for (p && p(t); s.length;) s.shift()();
            return u.push.apply(u, a || []), r();
        }
        function r() {
            for (var e, t = 0; t < u.length; t++) {
                for (var r = u[t], n = !0, f = 1; f < r.length; f++) {
                    var l = r[f];
                    0 !== o[l] && (n = !1);
                }
                n && (u.splice(t--, 1), (e = c((c.s = r[0]))));
            }
            return e;
        }
        var n = {},
            o = { 1: 0 },
            u = [];
        function c(t) {
            if (n[t]) return n[t].exports;
            var r = (n[t] = { i: t, l: !1, exports: {} });
            return e[t].call(r.exports, r, r.exports, c), (r.l = !0), r.exports;
        }
        (c.m = e),
            (c.c = n),
            (c.d = function (e, t, r) {
                c.o(e, t) || Object.defineProperty(e, t, { enumerable: !0, get: r });
            }),
            (c.r = function (e) {
                "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 });
            }),
            (c.t = function (e, t) {
                if ((1 & t && (e = c(e)), 8 & t)) return e;
                if (4 & t && "object" == typeof e && e && e.__esModule) return e;
                var r = Object.create(null);
                if ((c.r(r), Object.defineProperty(r, "default", { enumerable: !0, value: e }), 2 & t && "string" != typeof e))
                    for (var n in e)
                        c.d(
                            r,
                            n,
                            function (t) {
                                return e[t];
                            }.bind(null, n)
                        );
                return r;
            }),
            (c.n = function (e) {
                var t =
                    e && e.__esModule
                        ? function () {
                            return e.default;
                        }
                        : function () {
                            return e;
                        };
                return c.d(t, "a", t), t;
            }),
            (c.o = function (e, t) {
                return Object.prototype.hasOwnProperty.call(e, t);
            }),
            (c.p = "/");
        var f = (this["webpackJsonpfonts-com-react-components"] = this["webpackJsonpfonts-com-react-components"] || []),
            l = f.push.bind(f);
        (f.push = t), (f = f.slice());
        for (var a = 0; a < f.length; a++) t(f[a]);
        var p = l;
        r();
    })([]);
</script></body>
</html>
