CINXE.COM
Nice Fonts – Explore some of the most beautiful fonts
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Nice Fonts – Explore some of the most beautiful fonts</title> <meta name="description" content="Find a nice font for your website or project. We're a small independent typography website focused on showcasing beautiful typefaces."/> <link rel="preload" as="image" href="/logo.png"/> <link rel="preload" as="font" href="/assets/fonts/inter-v3-latin-regular.woff2" type="font/woff2" crossorigin> <link rel="preload" as="font" href="/assets/fonts/inter-v3-latin-600.woff2" type="font/woff2" crossorigin> <link href="assets/css/theme-saas-trend.css" rel="stylesheet" type="text/css" media="all"/> <link rel="canonical" href="https://nicefonts.com/"/> <link rel="shortcut icon" href="/favicon.png"/> </head> <body> <div class="navbar-container bg-primary"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary" data-sticky="top"> <div class="container"> <a class="navbar-brand fade-page" href="/"> <img width="140px" height="45px" src="/logo.png" alt="Nice Fonts"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Toggle navigation"> <svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 17C3 17.5523 3.44772 18 4 18H20C20.5523 18 21 17.5523 21 17V17C21 16.4477 20.5523 16 20 16H4C3.44772 16 3 16.4477 3 17V17ZM3 12C3 12.5523 3.44772 13 4 13H20C20.5523 13 21 12.5523 21 12V12C21 11.4477 20.5523 11 20 11H4C3.44772 11 3 11.4477 3 12V12ZM4 6C3.44772 6 3 6.44772 3 7V7C3 7.55228 3.44772 8 4 8H20C20.5523 8 21 7.55228 21 7V7C21 6.44772 20.5523 6 20 6H4Z" fill="#212529" /> </svg> </button> <div class="collapse navbar-collapse justify-content-end"> <div class="py-2 py-lg-0"> <ul class="navbar-nav"> <li class="nav-item"> <a href="/" class="nav-link">Home</a> </li> <li class="nav-item"> <a href="/typefaces/" class="nav-link">Fonts</a> </li> <li class="nav-item"> <a href="/deals/" class="nav-link">Deals</a> </li> <li class="nav-item"> <a href="/website-font-checker/" class="nav-link">Website Font Checker</a> </li> <li class="nav-item"> <a href="/contact/" class="nav-link">Contact</a> </li> </ul> </div> </div> </div> </nav> </div> <section class="bg-primary text-light o-hidden"> <div class="container"> <div class="row align-items-center mt-2"> <div class="col-lg-6 text-center text-lg-left mt-3 mb-md-0"> <h1 class="display-3">Find a nice font</h1> <div class="my-2"> <p class="lead">Tired of seeing the same fonts everywhere you go? Keep your website, app and products looking unique with <b>nice fonts</b> handpicked by our team.</p> </div> </div> <div class="col-lg-6 text-center text-lg-left mt-3 mb-md-0"> <div class="row justify-content-center"> <div class="col-xl-9 col-lg-10"> <div class="card card-icon-1 card-body justify-content-between shadow-3d"> <div><p class="h3 text-purple">Our latest analysis</p> <p class="lead text-purple">Discover how bloated fonts could be slowing your website down.</p> <a href="/font-optimisation/" class="text-purple hover-arrow">Read our article on font optimisation</a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="bg-white text-purple mb-lg-n12"> <div class="container"> <div class="row justify-content-center text-center mb-4"> <div class="col-xl-8 col-lg-12"> <h2 class="h2 mt-4 text-purple">Beautiful fonts bring everything together</h2> <p class="lead">Here are some of the most important reasons why people from all over the world rely on us for advice with all things typography related.</p> </div> </div> <div class="row mb-3"> <div class="col-md-4 d-flex mb-4"> <svg class="icon" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Tick</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect opacity="0" x="0" y="0" width="24" height="24"></rect><circle fill="#000000" opacity="0.3" cx="12" cy="12" r="10"></circle><path d="M16.7689447,7.81768175 C17.1457787,7.41393107 17.7785676,7.39211077 18.1823183,7.76894473 C18.5860689,8.1457787 18.6078892,8.77856757 18.2310553,9.18231825 L11.2310553,16.6823183 C10.8654446,17.0740439 10.2560456,17.107974 9.84920863,16.7592566 L6.34920863,13.7592566 C5.92988278,13.3998345 5.88132125,12.7685345 6.2407434,12.3492086 C6.60016555,11.9298828 7.23146553,11.8813212 7.65079137,12.2407434 L10.4229928,14.616916 L16.7689447,7.81768175 Z" fill="#000000" fill-rule="nonzero"></path></g></svg> <div class="ml-3"> <p class="h5 text-purple mb-2">Friendly support</p> <p>Whether you require a quick opinion over a choice of <b>nice typefaces</b> or have a more long-winded question, you can always count on us to provide advice.</p> </div> </div> <div class="col-md-4 d-flex mb-4"> <svg class="icon" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Tick</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect opacity="0" x="0" y="0" width="24" height="24"></rect><circle fill="#000000" opacity="0.3" cx="12" cy="12" r="10"></circle><path d="M16.7689447,7.81768175 C17.1457787,7.41393107 17.7785676,7.39211077 18.1823183,7.76894473 C18.5860689,8.1457787 18.6078892,8.77856757 18.2310553,9.18231825 L11.2310553,16.6823183 C10.8654446,17.0740439 10.2560456,17.107974 9.84920863,16.7592566 L6.34920863,13.7592566 C5.92988278,13.3998345 5.88132125,12.7685345 6.2407434,12.3492086 C6.60016555,11.9298828 7.23146553,11.8813212 7.65079137,12.2407434 L10.4229928,14.616916 L16.7689447,7.81768175 Z" fill="#000000" fill-rule="nonzero"></path></g></svg> <div class="ml-3"> <p class="h5 text-purple mb-2">Web usability approach</p> <p>Making the web more usable, accessible and a more pleasant experience overall has always been important to us and is one of the main reasons that we started this website.</p> </div> </div> <div class="col-md-4 d-flex mb-4"> <svg class="icon" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Tick</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect opacity="0" x="0" y="0" width="24" height="24"></rect><circle fill="#000000" opacity="0.3" cx="12" cy="12" r="10"></circle><path d="M16.7689447,7.81768175 C17.1457787,7.41393107 17.7785676,7.39211077 18.1823183,7.76894473 C18.5860689,8.1457787 18.6078892,8.77856757 18.2310553,9.18231825 L11.2310553,16.6823183 C10.8654446,17.0740439 10.2560456,17.107974 9.84920863,16.7592566 L6.34920863,13.7592566 C5.92988278,13.3998345 5.88132125,12.7685345 6.2407434,12.3492086 C6.60016555,11.9298828 7.23146553,11.8813212 7.65079137,12.2407434 L10.4229928,14.616916 L16.7689447,7.81768175 Z" fill="#000000" fill-rule="nonzero"></path></g></svg> <div class="ml-3"> <p class="h5 text-purple mb-2">A unique perspective</p> <p>We have a deep understanding of the impact a nicely made choice of fonts can make from over a decade of experience working with high-traffic websites in many different industries.</p> </div> </div> </div> </div> </section> <section class="bg-primary"> <div class="container"> <div class="row justify-content-center text-center mb-5"> <div class="col-xl-8 col-lg-9"> <h2 class="display-4 mx-xl-8 mt-5 text-white">Endorsements</h2> <p class="lead text-white">Don't just take our word for it, see what people have to say about us.</p> </div> </div> <div class="row justify-content-between align-items-center my-6"> <div class="col-md-5 col-lg-6 mb-4 mb-md-0"> <div class="row justify-content-center"> <div class="col-xl-9 col-lg-10"> <div class="card card-icon-3 card-body justify-content-between shadow-3d rotate-left"> <div class="icon-round icon"> <span class="icon icon-lg"><img loading="lazy" width="24px" height="24px" src="i/thumb.svg" alt="Thumbs Up"></span> </div> <span class="badge text-light"><img loading="lazy" width="96px" height="15px" src="i/5stars.svg" alt="5 Stars"></span> <div> <h3 class="text-purple">Thomas</h3> <p class="lead text-purple"> I know the team at Nice Fonts very well and they're truly perfectionists to their very core. Their web performance case studies on fonts are definitely worth taking the time to read through. </p> </div> </div> </div> </div> </div> <div class="col-md-5 col-lg-6 mb-4 mb-md-0"> <div class="row justify-content-center"> <div class="col-xl-9 col-lg-10"> <div class="card card-icon-3 card-body justify-content-between shadow-3d rotate-left"> <div class="icon-round icon"> <span class="icon icon-lg"><img loading="lazy" width="24px" height="24px" src="i/thumb.svg" alt="Thumbs Up"></span> </div> <span class="badge text-light"><img loading="lazy" width="96px" height="15px" src="i/5stars.svg" alt="5 Stars"></span> <div> <h3 class="text-purple">Jessica</h3> <p class="lead text-purple"> We run a web novel website and took your advice with changing the fonts used on our website. So far the feedback we've received from our users has been very positive. </p> </div> </div> </div> </div> </div> </div> </div> </section> <footer class="p-3 bg-primary text-light"> <div class="container"> <div class="row justify-content-center text-center"> <div class="col-xl-10"> <small class="text-white">© 2021 Nice Fonts // <a href="/about/">About</a> // <a href="/glossary/">Glossary</a> // <a href="/privacy-notice/">Privacy Notice</a></small> </div> </div> </div> </footer> <script type="text/javascript" src="/assets/js/jquery.min.js"></script> <script type="text/javascript" src="/assets/js/bootstrap.js"></script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Organization","name":"Nice Fonts","image":"https:\/\/nicefonts.com\/logo-bg.png","logo":"https:\/\/nicefonts.com\/logo-bg.png","url":"https:\/\/nicefonts.com\/","sameAs":["https:\/\/www.facebook.com\/nicefontshq\/","https:\/\/www.instagram.com\/nicefonts\/","https:\/\/twitter.com\/nicefontshq","https:\/\/www.linkedin.com\/company\/nicefonts\/"]}</script> </body> </html>