CINXE.COM
Fonts & Typefaces – Nice 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>Fonts & Typefaces – Nice Fonts</title> <meta name="description" content="Find a font for your website, app or project. Typefaces curated with long-term readability, web usability & pagespeed in mind."/> <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/typefaces/"/> <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 header-inner p-0 position-relative o-hidden"> <div class="container py-0 layer-2"> <div class="row my-4 my-md-6 text-light"> <div class="col-lg-9 col-xl-6"> <h1 class="display-4">Fonts</h1> <p class="lead mb-0">Find the right <b>typeface</b> for your website or project. Our team has curated some great choices for you below.</p> </div> </div> </div> </section> <section class="pt-6 pb-4"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Proxima Nova</h2> <p class="text-purple">Proxima Nova is a sans serif typeface designed by Mark Simonson Studio.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="proxima-nova/" class="hover-arrow" title="Proxima Nova Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Gotham</h2> <p class="text-purple">Gotham is a sans serif typeface designed by Hoefler&Co.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="gotham/" class="hover-arrow" title="Gotham Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Avenir</h2> <p class="text-purple">Avenir is a sans serif typeface designed by Adrian Frutiger.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="avenir/" class="hover-arrow" title="Avenir Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Futura</h2> <p class="text-purple">Futura is a sans serif typeface designed by Paul Renner.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="futura/" class="hover-arrow" title="Futura Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Helvetica</h2> <p class="text-purple">Helvetica is a sans serif typeface designed by Max Miedinger and Eduard Hoffmann.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="helvetica/" class="hover-arrow" title="Helvetica Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Times New Roman</h2> <p class="text-purple">Times New Roman is a serif typeface designed by Stanley Morison.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="times-new-roman/" class="hover-arrow" title="Times New Roman Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> </div><div class="row"> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Arial</h2> <p class="text-purple">Arial is a sans serif typeface designed by the Monotype Corporation.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="arial/" class="hover-arrow" title="Arial Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Montserrat</h2> <p class="text-purple">Montserrat is a sans serif typeface designed by Julieta Ulanovsky.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="montserrat/" class="hover-arrow" title="Montserrat Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Calibri</h2> <p class="text-purple">Calibri is a sans serif typeface designed by Lucas De Groot.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="calibri/" class="hover-arrow" title="Calibri Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> </div><div class="row"> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Century Gothic</h2> <p class="text-purple">Century Gothic is a sans serif typeface designed by the Monotype Corporation.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="century-gothic/" class="hover-arrow" title="Century Gothic Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Gilroy</h2> <p class="text-purple">Gilroy is a sans serif typeface designed by Radomir Tinkov.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="gilroy/" class="hover-arrow" title="Gilroy Typeface Overview">Font Overview</a> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="card-body"> <h2 class="h3 card-text text-purple">Optima</h2> <p class="text-purple">Optima is a font family designed by Hermann Zapf.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <a href="optima/" class="hover-arrow" title="Optima Typeface Overview">Font Overview</a> </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="/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> </body> </html>