DOWNLOAD: Noah Font Family - at Fontfabric™

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <script data-cfasync="false" data-pagespeed-no-defer> var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; </script>   <title>DOWNLOAD: Noah Font Family - at Fontfabric™</title> <link rel="preload" as="font" href="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/fonts/Matt/Matt-Regular.woff2" crossorigin> <link rel="preload" as="font" href="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/fonts/Matt/Matt-Bold.woff2" crossorigin> <link rel="preload" as="font" href="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/fonts/Matt/Matt-Light.woff2" crossorigin> <link rel="preload" as="font" href="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/fonts/Matt/Matt-Medium.woff2" crossorigin> <meta name="description" content="100% NOAH—Sans Serif family of 72 fonts—9 Weights + Italics + 4 X-heights—Extended Latin & Cyrillic—GET 4 FREE TODAY." /> <link rel="canonical" href="https://www.fontfabric.com/fonts/noah/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="DOWNLOAD: Noah Font Family - at Fontfabric™" /> <meta property="og:description" content="100% NOAH—Sans Serif family of 72 fonts—9 Weights + Italics + 4 X-heights—Extended Latin & Cyrillic—GET 4 FREE TODAY." /> <meta property="og:url" content="https://www.fontfabric.com/fonts/noah/" /> <meta property="og:site_name" content="Fontfabric™" /> <meta property="article:publisher" content="https://www.facebook.com/Fontfabric/" /> <meta property="article:modified_time" content="2025-02-10T15:33:40+00:00" /> <meta property="og:image" content="https://www.fontfabric.com/wp-content/uploads/2024/10/Noah.png" /> <meta property="og:image:width" content="2800" /> <meta property="og:image:height" content="1400" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@fontfabric" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.fontfabric.com/fonts/noah/","url":"https://www.fontfabric.com/fonts/noah/","name":"DOWNLOAD: Noah Font Family - at Fontfabric™","isPartOf":{"@id":"https://www.fontfabric.com/#website"},"primaryImageOfPage":{"@id":"https://www.fontfabric.com/fonts/noah/#primaryimage"},"image":{"@id":"https://www.fontfabric.com/fonts/noah/#primaryimage"},"thumbnailUrl":"https://www.fontfabric.com/wp-content/uploads/2024/10/Noah.png","datePublished":"2019-02-04T17:36:33+00:00","dateModified":"2025-02-10T15:33:40+00:00","description":"100% NOAH—Sans Serif family of 72 fonts—9 Weights + Italics + 4 X-heights—Extended Latin & Cyrillic—GET 4 FREE TODAY.","breadcrumb":{"@id":"https://www.fontfabric.com/fonts/noah/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.fontfabric.com/fonts/noah/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.fontfabric.com/fonts/noah/#primaryimage","url":"https://www.fontfabric.com/wp-content/uploads/2024/10/Noah.png","contentUrl":"https://www.fontfabric.com/wp-content/uploads/2024/10/Noah.png","width":2800,"height":1400,"caption":"Noah Type Family"},{"@type":"BreadcrumbList","@id":"https://www.fontfabric.com/fonts/noah/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.fontfabric.com/"},{"@type":"ListItem","position":2,"name":"All Fonts","item":"https://www.fontfabric.com/fonts/"},{"@type":"ListItem","position":3,"name":"Noah"}]},{"@type":"WebSite","@id":"https://www.fontfabric.com/#website","url":"https://www.fontfabric.com/","name":"Fontfabric™","description":"","publisher":{"@id":"https://www.fontfabric.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.fontfabric.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.fontfabric.com/#organization","name":"Fontfabric","url":"https://www.fontfabric.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.fontfabric.com/#/schema/logo/image/","url":"https://www.fontfabric.com/wp-content/uploads/2024/08/logo-for-invoice1.png","contentUrl":"https://www.fontfabric.com/wp-content/uploads/2024/08/logo-for-invoice1.png","width":584,"height":500,"caption":"Fontfabric"},"image":{"@id":"https://www.fontfabric.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/Fontfabric/","https://x.com/fontfabric","https://instagram.com/fontfabric","https://www.linkedin.com/company/fontfabric-type-foundry/"]}]}</script>  <link rel='dns-prefetch' href='//player.vimeo.com' /> <link data-minify="1" rel='stylesheet' id='wc-blocks-integration-css' href='https://www.fontfabric.com/wp-content/cache/min/1/wp-content/plugins/woocommerce-subscriptions/vendor/woocommerce/subscriptions-core/build/index.css?ver=1742568586' media='all' /> <link data-minify="1" rel='stylesheet' id='wc-vat-compliance-style-css' href='https://www.fontfabric.com/wp-content/cache/min/1/wp-content/plugins/woocommerce-eu-vat-compliance-premium/build/style-vat-number-block.css?ver=1742568586' media='all' /> <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='photoswipe-css' href='https://www.fontfabric.com/wp-content/cache/background-css/www.fontfabric.com/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=8.9.3&wpr_t=1742570313' media='all' /> <link rel='stylesheet' id='photoswipe-default-skin-css' href='https://www.fontfabric.com/wp-content/cache/background-css/www.fontfabric.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=8.9.3&wpr_t=1742570313' media='all' /> <style id='woocommerce-inline-inline-css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link data-minify="1" rel='stylesheet' id='fontfabric-style-css' href='https://www.fontfabric.com/wp-content/cache/background-css/www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/assets/css/site.css?ver=1742568587&wpr_t=1742570313' media='all' /> <link data-minify="1" rel='stylesheet' id='fontfabric-navigation-css' href='https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/assets/css/navigation.css?ver=1742568587' media='all' /> <link data-minify="1" rel='stylesheet' id='stripe_styles-css' href='https://www.fontfabric.com/wp-content/cache/background-css/www.fontfabric.com/wp-content/cache/min/1/wp-content/plugins/woocommerce-gateway-stripe/assets/css/stripe-styles.css?ver=1742568602&wpr_t=1742570313' media='all' /> <link rel='stylesheet' id='flickity-css-css' href='https://www.fontfabric.com/wp-content/themes/fontfabric/assets/css/flickity.min.css?ver=1733318419' media='all' /> <style id='rocket-lazyload-inline-css'> .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:var(--wpr-bg-af66bb3f-bead-4834-8a61-8636e2aaf128) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player{position:absolute;padding-bottom:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0} </style> <script id="webtoffee-cookie-consent-js-extra"> var _wccConfig = {"_ipData":[],"_assetsURL":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/webtoffee-cookie-consent\/lite\/frontend\/images\/","_publicURL":"https:\/\/www.fontfabric.com","_categories":[{"name":"Necessary","slug":"necessary","isNecessary":true,"ccpaDoNotSell":true,"cookies":[],"active":true,"defaultConsent":{"gdpr":true,"ccpa":true},"foundNoCookieScript":false},{"name":"Functional","slug":"functional","isNecessary":false,"ccpaDoNotSell":true,"cookies":[],"active":true,"defaultConsent":{"gdpr":true,"ccpa":false},"foundNoCookieScript":false},{"name":"Analytics","slug":"analytics","isNecessary":false,"ccpaDoNotSell":true,"cookies":[],"active":true,"defaultConsent":{"gdpr":false,"ccpa":false},"foundNoCookieScript":false},{"name":"Performance","slug":"performance","isNecessary":false,"ccpaDoNotSell":true,"cookies":[],"active":true,"defaultConsent":{"gdpr":false,"ccpa":false},"foundNoCookieScript":false},{"name":"Advertisement","slug":"advertisement","isNecessary":false,"ccpaDoNotSell":true,"cookies":[{"cookieID":"sbjs_current_add","domain":".fontfabric.com","provider":""},{"cookieID":"_gcl_au","domain":".fontfabric.com","provider":""},{"cookieID":"_fbp","domain":".fontfabric.com","provider":""}],"active":true,"defaultConsent":{"gdpr":false,"ccpa":false},"foundNoCookieScript":false},{"name":"Others","slug":"others","isNecessary":false,"ccpaDoNotSell":true,"cookies":[],"active":true,"defaultConsent":{"gdpr":false,"ccpa":false},"foundNoCookieScript":false}],"_activeLaw":"gdpr","_rootDomain":"","_block":"1","_showBanner":"1","_bannerConfig":{"GDPR":{"settings":{"type":"popup","position":"center","applicableLaw":"gdpr","preferenceCenter":"center","selectedRegion":"EU","consentExpiry":365,"shortcodes":[{"key":"wcc_readmore","content":"<a href=\"https:\/\/www.fontfabric.com\/cookie-policy-eu\/\" class=\"wcc-policy\" aria-label=\"Cookie Policy\" target=\"_blank\" rel=\"noopener\" data-tag=\"readmore-button\">Cookie Policy<\/a>","tag":"readmore-button","status":true,"attributes":{"rel":"nofollow","target":"_blank"}},{"key":"wcc_show_desc","content":"<button class=\"wcc-show-desc-btn\" data-tag=\"show-desc-button\" aria-label=\"Show more\">Show more<\/button>","tag":"show-desc-button","status":true,"attributes":[]},{"key":"wcc_hide_desc","content":"<button class=\"wcc-show-desc-btn\" data-tag=\"hide-desc-button\" aria-label=\"Show less\">Show less<\/button>","tag":"hide-desc-button","status":true,"attributes":[]},{"key":"wcc_category_toggle_label","content":"[wcc_{{status}}_category_label] [wcc_preference_{{category_slug}}_title]","tag":"","status":true,"attributes":[]},{"key":"wcc_enable_category_label","content":"Enable","tag":"","status":true,"attributes":[]},{"key":"wcc_disable_category_label","content":"Disable","tag":"","status":true,"attributes":[]},{"key":"wcc_video_placeholder","content":"<div class=\"video-placeholder-normal\" data-tag=\"video-placeholder\" id=\"[UNIQUEID]\"><p class=\"video-placeholder-text-normal\" data-tag=\"placeholder-title\">Please accept cookies to access this content<\/p><\/div>","tag":"","status":true,"attributes":[]},{"key":"wcc_enable_optout_label","content":"Enable","tag":"","status":true,"attributes":[]},{"key":"wcc_disable_optout_label","content":"Disable","tag":"","status":true,"attributes":[]},{"key":"wcc_optout_toggle_label","content":"[wcc_{{status}}_optout_label] [wcc_optout_option_title]","tag":"","status":true,"attributes":[]},{"key":"wcc_optout_option_title","content":"Do Not Sell or Share My Personal Information","tag":"","status":true,"attributes":[]},{"key":"wcc_optout_close_label","content":"Close","tag":"","status":true,"attributes":[]}],"bannerEnabled":true},"behaviours":{"reloadBannerOnAccept":false,"loadAnalyticsByDefault":false,"animations":{"onLoad":"animate","onHide":"sticky"}},"config":{"revisitConsent":{"status":false,"tag":"revisit-consent","position":"bottom-left","meta":{"url":"#"},"styles":[],"elements":{"title":{"type":"text","tag":"revisit-consent-title","status":true,"styles":{"color":"#0056a7"}}}},"preferenceCenter":{"toggle":{"status":true,"tag":"detail-category-toggle","type":"toggle","states":{"active":{"styles":{"background-color":"#000000"}},"inactive":{"styles":{"background-color":"#D0D5D2"}}}},"poweredBy":false},"categoryPreview":{"status":false,"toggle":{"status":true,"tag":"detail-category-preview-toggle","type":"toggle","states":{"active":{"styles":{"background-color":"#000000"}},"inactive":{"styles":{"background-color":"#D0D5D2"}}}}},"videoPlaceholder":{"status":true,"styles":{"background-color":"#000000","border-color":"#000000","color":"#ffffff"}},"readMore":{"status":true,"tag":"readmore-button","type":"link","meta":{"noFollow":true,"newTab":true},"styles":{"color":"#000000","background-color":"transparent","border-color":"transparent"}},"auditTable":{"status":true},"optOption":{"status":true,"toggle":{"status":true,"tag":"optout-option-toggle","type":"toggle","states":{"active":{"styles":{"background-color":"#000000"}},"inactive":{"styles":{"background-color":"#FFFFFF"}}}},"gpcOption":false}}}},"_version":"3.2.0","_logConsent":"","_tags":[{"tag":"accept-button","styles":{"color":"#FFFFFF","background-color":"#FF136B","border-color":"#FF136B"}},{"tag":"reject-button","styles":{"color":"#000000","background-color":"#F9F9F9","border-color":"#F9F9F9"}},{"tag":"settings-button","styles":{"color":"#000000","background-color":"#F9F9F9","border-color":"#F9F9F9"}},{"tag":"readmore-button","styles":{"color":"#000000","background-color":"transparent","border-color":"transparent"}},{"tag":"donotsell-button","styles":{"color":"#1863dc","background-color":"transparent","border-color":"transparent"}},{"tag":"accept-button","styles":{"color":"#FFFFFF","background-color":"#FF136B","border-color":"#FF136B"}},{"tag":"revisit-consent","styles":[]}],"_rtl":"","_lawSelected":["GDPR"],"_restApiUrl":"https:\/\/directory.cookieyes.com\/api\/v1\/ip","_renewConsent":"1737621352704","_restrictToCA":"","_providersToBlock":[]}; var _wccStyles = {"css":{"GDPR":".wcc-overlay{background: #000000; opacity: 0.4; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999;}.wcc-popup-overflow{overflow: hidden;}.wcc-hide{display: none;}.wcc-btn-revisit-wrapper{display: flex; padding: 6px; border-radius: 8px; opacity: 0px; background-color:#ffffff; box-shadow: 0px 3px 10px 0px #798da04d; align-items: center; justify-content: center; position: fixed; z-index: 999999; cursor: pointer;}.wcc-revisit-bottom-left{bottom: 15px; left: 15px;}.wcc-revisit-bottom-right{bottom: 15px; right: 15px;}.wcc-btn-revisit-wrapper .wcc-btn-revisit{display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; position: relative; margin: 0; padding: 0;}.wcc-btn-revisit-wrapper .wcc-btn-revisit img{max-width: fit-content; margin: 0; } .wcc-btn-revisit-wrapper .wcc-revisit-help-text{font-size:14px; margin-left:4px; display:none;}.wcc-btn-revisit-wrapper:hover .wcc-revisit-help-text {display: block;}.wcc-revisit-hide{display: none;}.wcc-preference-btn:hover{cursor:pointer; text-decoration:underline;}.wcc-cookie-audit-table { font-family: inherit; border-collapse: collapse; width: 100%;} .wcc-cookie-audit-table th, .wcc-cookie-audit-table td {text-align: left; padding: 10px; font-size: 12px; color: #000000; word-break: normal; background-color: #d9dfe7; border: 1px solid #cbced6;} .wcc-cookie-audit-table tr:nth-child(2n + 1) td { background: #f1f5fa; }.wcc-consent-container{position: fixed; width: 440px; box-sizing: border-box; z-index: 99999999; transform: translate(-50%, -50%); border-radius: 6px;}.wcc-consent-container .wcc-consent-bar{background: #ffffff; border: 1px solid; padding: 20px 26px; border-radius: 6px; box-shadow: 0 -1px 10px 0 #acabab4d;}.wcc-consent-bar .wcc-banner-btn-close{position: absolute; right: 10px; top: 8px; background: none; border: none; cursor: pointer; padding: 0; margin: 0; height: auto; width: auto; min-height: 0; line-height: 0; text-shadow: none; box-shadow: none;}.wcc-consent-bar .wcc-banner-btn-close img{height: 10px; width: 10px; margin: 0;}.wcc-popup-center{top: 50%; left: 50%;}.wcc-custom-brand-logo-wrapper .wcc-custom-brand-logo{width: 100px; height: auto; margin: 0 0 12px 0;}.wcc-notice .wcc-title{color: #212121; font-weight: 700; font-size: 18px; line-height: 24px; margin: 0 0 12px 0; word-break: break-word;}.wcc-notice-des *{font-size: 14px;}.wcc-notice-des{color: #212121; font-size: 14px; line-height: 24px; font-weight: 400;}.wcc-notice-des img{min-height: 25px; min-width: 25px;}.wcc-consent-bar .wcc-notice-des p{color: inherit; margin-top: 0; word-break: break-word;}.wcc-notice-des p:last-child{margin-bottom: 0;}.wcc-notice-des a.wcc-policy,.wcc-notice-des button.wcc-policy{font-size: 14px; color: #1863dc; white-space: nowrap; cursor: pointer; background: transparent; border: 1px solid; text-decoration: underline;}.wcc-notice-des button.wcc-policy{padding: 0;}.wcc-notice-des a.wcc-policy:focus-visible,.wcc-consent-bar .wcc-banner-btn-close:focus-visible,.wcc-notice-des button.wcc-policy:focus-visible,.wcc-preference-content-wrapper .wcc-show-desc-btn:focus-visible,.wcc-accordion-header .wcc-accordion-btn:focus-visible,.wcc-preference-header .wcc-btn-close:focus-visible,.wcc-switch input[type=\"checkbox\"]:focus-visible,.wcc-btn:focus-visible{outline: 2px solid #1863dc; outline-offset: 2px;}.wcc-btn:focus:not(:focus-visible),.wcc-accordion-header .wcc-accordion-btn:focus:not(:focus-visible),.wcc-preference-content-wrapper .wcc-show-desc-btn:focus:not(:focus-visible),.wcc-btn-revisit-wrapper .wcc-btn-revisit:focus:not(:focus-visible),.wcc-preference-header .wcc-btn-close:focus:not(:focus-visible),.wcc-consent-bar .wcc-banner-btn-close:focus:not(:focus-visible){outline: 0;}button.wcc-show-desc-btn:not(:hover):not(:active){color: #1863dc; background: transparent;}button.wcc-accordion-btn:not(:hover):not(:active),button.wcc-banner-btn-close:not(:hover):not(:active),button.wcc-btn-close:not(:hover):not(:active),button.wcc-btn-revisit:not(:hover):not(:active){background: transparent;}.wcc-consent-bar button:hover,.wcc-modal.wcc-modal-open button:hover,.wcc-consent-bar button:focus,.wcc-modal.wcc-modal-open button:focus{text-decoration: none;}.wcc-notice-btn-wrapper{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 16px;}.wcc-notice-btn-wrapper .wcc-btn{text-shadow: none; box-shadow: none;}.wcc-btn{flex: auto; max-width: 100%; font-size: 14px; font-family: inherit; line-height: 24px; padding: 8px; font-weight: 500; border-radius: 2px; cursor: pointer; text-align: center; text-transform: none; min-height: 0;}.wcc-btn:hover{opacity: 0.8;}.wcc-btn-customize{color: #1863dc; background: transparent; border: 2px solid #1863dc;}.wcc-btn-reject{color: #1863dc; background: transparent; border: 2px solid #1863dc;}.wcc-btn-accept{background: #1863dc; color: #ffffff; border: 2px solid #1863dc;}.wcc-btn:last-child{margin-right: 0;}@media (max-width: 576px){.wcc-box-bottom-left{bottom: 0; left: 0;}.wcc-box-bottom-right{bottom: 0; right: 0;}.wcc-box-top-left{top: 0; left: 0;}.wcc-box-top-right{top: 0; right: 0;}}@media (max-width: 440px){.wcc-popup-center{width: 100%; max-width: 100%;}.wcc-consent-container .wcc-consent-bar{padding: 20px 0;}.wcc-custom-brand-logo-wrapper, .wcc-notice .wcc-title, .wcc-notice-des, .wcc-notice-btn-wrapper{padding: 0 24px;}.wcc-notice-des{max-height: 40vh; overflow-y: scroll;}.wcc-notice-btn-wrapper{flex-direction: column; gap: 10px;}.wcc-btn{width: 100%;}.wcc-notice-btn-wrapper .wcc-btn-customize{order: 2;}.wcc-notice-btn-wrapper .wcc-btn-reject{order: 3;}.wcc-notice-btn-wrapper .wcc-btn-accept{order: 1;}}@media (max-width: 352px){.wcc-notice .wcc-title{font-size: 16px;}.wcc-notice-des *{font-size: 12px;}.wcc-notice-des, .wcc-btn, .wcc-notice-des a.wcc-policy{font-size: 12px;}}.wcc-modal.wcc-modal-open{display: flex; visibility: visible; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; transition: all 1s ease;}.wcc-modal{box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3); margin: 0 auto; position: fixed; max-width: 100%; background: #ffffff; top: 50%; box-sizing: border-box; border-radius: 6px; z-index: 999999999; color: #212121; -webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); visibility: hidden; transition: all 0s ease;}.wcc-preference-center{max-height: 79vh; overflow: hidden; width: 845px; overflow: hidden; flex: 1 1 0; display: flex; flex-direction: column; border-radius: 6px;}.wcc-preference-header{display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid;}.wcc-preference-header .wcc-preference-title{font-size: 18px; font-weight: 700; line-height: 24px; word-break: break-word;}.wcc-google-privacy-url a {text-decoration:none;color: #1863dc;cursor:pointer;} .wcc-preference-header .wcc-btn-close{cursor: pointer; vertical-align: middle; padding: 0; margin: 0; background: none; border: none; height: auto; width: auto; min-height: 0; line-height: 0; box-shadow: none; text-shadow: none;}.wcc-preference-header .wcc-btn-close img{margin: 0; height: 10px; width: 10px;}.wcc-preference-body-wrapper{padding: 0 24px; flex: 1; overflow: auto; box-sizing: border-box;}.wcc-preference-content-wrapper *,.wcc-preference-body-wrapper *{font-size: 14px;}.wcc-preference-content-wrapper{font-size: 14px; line-height: 24px; font-weight: 400; padding: 12px 0; }.wcc-preference-content-wrapper img{min-height: 25px; min-width: 25px;}.wcc-preference-content-wrapper .wcc-show-desc-btn{font-size: 14px; font-family: inherit; color: #1863dc; text-decoration: none; line-height: 24px; padding: 0; margin: 0; white-space: nowrap; cursor: pointer; background: transparent; border-color: transparent; text-transform: none; min-height: 0; text-shadow: none; box-shadow: none;}.wcc-preference-body-wrapper .wcc-preference-content-wrapper p{color: inherit; margin-top: 0;}.wcc-preference-content-wrapper p:last-child{margin-bottom: 0;}.wcc-accordion-wrapper{margin-bottom: 10px;}.wcc-accordion{border-bottom: 1px solid;}.wcc-accordion:last-child{border-bottom: none;}.wcc-accordion .wcc-accordion-item{display: flex; margin-top: 10px;}.wcc-accordion .wcc-accordion-body{display: none;}.wcc-accordion.wcc-accordion-active .wcc-accordion-body{display: block; padding: 0 22px; margin-bottom: 16px;}.wcc-accordion-header-wrapper{width: 100%; cursor: pointer;}.wcc-accordion-item .wcc-accordion-header{display: flex; justify-content: space-between; align-items: center;}.wcc-accordion-header .wcc-accordion-btn{font-size: 16px; font-family: inherit; color: #212121; line-height: 24px; background: none; border: none; font-weight: 700; padding: 0; margin: 0; cursor: pointer; text-transform: none; min-height: 0; text-shadow: none; box-shadow: none;}.wcc-accordion-header .wcc-always-active{color: #008000; font-weight: 600; line-height: 24px; font-size: 14px;}.wcc-accordion-header-des *{font-size: 14px;}.wcc-accordion-header-des{font-size: 14px; line-height: 24px; margin: 10px 0 16px 0;}.wcc-accordion-header-wrapper .wcc-accordion-header-des p{color: inherit; margin-top: 0;}.wcc-accordion-chevron{margin-right: 22px; position: relative; cursor: pointer;}.wcc-accordion-chevron-hide{display: none;}.wcc-accordion .wcc-accordion-chevron i::before{content: \"\"; position: absolute; border-right: 1.4px solid; border-bottom: 1.4px solid; border-color: inherit; height: 6px; width: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.2s ease-in-out; top: 8px;}.wcc-accordion.wcc-accordion-active .wcc-accordion-chevron i::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}.wcc-audit-table{background: #f4f4f4; border-radius: 6px;}.wcc-audit-table .wcc-empty-cookies-text{color: inherit; font-size: 12px; line-height: 24px; margin: 0; padding: 10px;}.wcc-audit-table .wcc-cookie-des-table{font-size: 12px; line-height: 24px; font-weight: normal; padding: 15px 10px; border-bottom: 1px solid; border-bottom-color: inherit; margin: 0;}.wcc-audit-table .wcc-cookie-des-table:last-child{border-bottom: none;}.wcc-audit-table .wcc-cookie-des-table li{list-style-type: none; display: flex; padding: 3px 0;}.wcc-audit-table .wcc-cookie-des-table li:first-child{padding-top: 0;}.wcc-cookie-des-table li div:first-child{width: 100px; font-weight: 600; word-break: break-word; word-wrap: break-word;}.wcc-cookie-des-table li div:last-child{flex: 1; word-break: break-word; word-wrap: break-word; margin-left: 8px;}.wcc-cookie-des-table li div:last-child p{color: inherit; margin-top: 0;}.wcc-cookie-des-table li div:last-child p:last-child{margin-bottom: 0;}.wcc-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; bottom: calc(100% - 1px);}.wcc-footer-wrapper{position: relative;}.wcc-prefrence-btn-wrapper{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; padding: 22px 24px; border-top: 1px solid;}.wcc-prefrence-btn-wrapper .wcc-btn{text-shadow: none; box-shadow: none;}.wcc-btn-preferences{color: #1863dc; background: transparent; border: 2px solid #1863dc;}.wcc-preference-header,.wcc-preference-body-wrapper,.wcc-preference-content-wrapper,.wcc-accordion-wrapper,.wcc-accordion,.wcc-accordion-wrapper,.wcc-footer-wrapper,.wcc-prefrence-btn-wrapper{border-color: inherit;}@media (max-width: 845px){.wcc-modal{max-width: calc(100% - 16px);}}@media (max-width: 576px){.wcc-modal{max-width: 100%;}.wcc-preference-center{max-height: 100vh;}.wcc-prefrence-btn-wrapper{flex-direction: column; gap: 10px;}.wcc-accordion.wcc-accordion-active .wcc-accordion-body{padding-right: 0;}.wcc-prefrence-btn-wrapper .wcc-btn{width: 100%;}.wcc-prefrence-btn-wrapper .wcc-btn-reject{order: 3;}.wcc-prefrence-btn-wrapper .wcc-btn-accept{order: 1;}.wcc-prefrence-btn-wrapper .wcc-btn-preferences{order: 2;}}@media (max-width: 425px){.wcc-accordion-chevron{margin-right: 15px;}.wcc-accordion.wcc-accordion-active .wcc-accordion-body{padding: 0 15px;}}@media (max-width: 352px){.wcc-preference-header .wcc-preference-title{font-size: 16px;}.wcc-preference-header{padding: 16px 24px;}.wcc-preference-content-wrapper *, .wcc-accordion-header-des *{font-size: 12px;}.wcc-preference-content-wrapper, .wcc-preference-content-wrapper .wcc-show-more, .wcc-accordion-header .wcc-always-active, .wcc-accordion-header-des, .wcc-preference-content-wrapper .wcc-show-desc-btn{font-size: 12px;}.wcc-accordion-header .wcc-accordion-btn{font-size: 14px;}}.wcc-switch{display: flex;}.wcc-switch input[type=\"checkbox\"]{position: relative; width: 44px; height: 24px; margin: 0; background: #d0d5d2; -webkit-appearance: none; border-radius: 50px; cursor: pointer; outline: 0; border: none; top: 0;}.wcc-switch input[type=\"checkbox\"]:checked{background: #1863dc;}.wcc-switch input[type=\"checkbox\"]:before{position: absolute; content: \"\"; height: 20px; width: 20px; left: 2px; bottom: 2px; border-radius: 50%; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; margin: 0;}.wcc-switch input[type=\"checkbox\"]:after{display: none;}.wcc-switch input[type=\"checkbox\"]:checked:before{-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}@media (max-width: 425px){.wcc-switch input[type=\"checkbox\"]{width: 38px; height: 21px;}.wcc-switch input[type=\"checkbox\"]:before{height: 17px; width: 17px;}.wcc-switch input[type=\"checkbox\"]:checked:before{-webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px);}}.video-placeholder-youtube{background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-color: #b2b0b059; position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%;}.video-placeholder-text-youtube{text-align: center; align-items: center; padding: 10px 16px; background-color: #000000cc; color: #ffffff; border: 1px solid; border-radius: 2px; cursor: pointer;}.video-placeholder-normal{background-image: url(\"\/wp-content\/plugins\/webtoffee-cookie-consent\/lite\/frontend\/images\/placeholder.svg\"); background-size: 80px; background-position: center; background-repeat: no-repeat; background-color: #b2b0b059; position: relative; display: flex; align-items: flex-end; justify-content: center; max-width: 100%;}.video-placeholder-text-normal{align-items: center; padding: 10px 16px; text-align: center; border: 1px solid; border-radius: 2px; cursor: pointer;}.wcc-rtl{direction: rtl; text-align: right;}.wcc-rtl .wcc-banner-btn-close{left: 9px; right: auto;}.wcc-rtl .wcc-notice-btn-wrapper .wcc-btn:last-child{margin-right: 8px;}.wcc-rtl .wcc-notice-btn-wrapper .wcc-btn:first-child{margin-right: 0;}.wcc-rtl .wcc-notice-btn-wrapper{margin-left: 0;}.wcc-rtl .wcc-prefrence-btn-wrapper .wcc-btn{margin-right: 8px;}.wcc-rtl .wcc-prefrence-btn-wrapper .wcc-btn:first-child{margin-right: 0;}.wcc-rtl .wcc-accordion .wcc-accordion-chevron i::before{border: none; border-left: 1.4px solid; border-top: 1.4px solid; left: 12px;}.wcc-rtl .wcc-accordion.wcc-accordion-active .wcc-accordion-chevron i::before{-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}@media (max-width: 768px){.wcc-rtl .wcc-notice-btn-wrapper{margin-right: 0;}}@media (max-width: 576px){.wcc-rtl .wcc-notice-btn-wrapper .wcc-btn:last-child{margin-right: 0;}.wcc-rtl .wcc-prefrence-btn-wrapper .wcc-btn{margin-right: 0;}.wcc-rtl .wcc-accordion.wcc-accordion-active .wcc-accordion-body{padding: 0 22px 0 0;}}@media (max-width: 425px){.wcc-rtl .wcc-accordion.wcc-accordion-active .wcc-accordion-body{padding: 0 15px 0 0;}}@supports not (gap: 10px){.wcc-btn{margin: 0 8px 0 0;}@media (max-width: 440px){.wcc-notice-btn-wrapper{margin-top: 0;}.wcc-btn{margin: 10px 0 0 0;}.wcc-notice-btn-wrapper .wcc-btn-accept{margin-top: 16px;}}@media (max-width: 576px){.wcc-prefrence-btn-wrapper .wcc-btn{margin: 10px 0 0 0;}.wcc-prefrence-btn-wrapper .wcc-btn-accept{margin-top: 0;}}}.wcc-hide-ad-settings{display: none;}button.wcc-iab-dec-btn,.wcc-child-accordion-header-wrapper .wcc-child-accordion-btn,.wcc-vendor-wrapper .wcc-show-table-btn{font-size: 14px; font-family: inherit; line-height: 24px; padding: 0; margin: 0; cursor: pointer; text-decoration: none; background: none; border: none; text-transform: none; min-height: 0; text-shadow: none; box-shadow: none;}button.wcc-iab-dec-btn{color: #1863dc;}.wcc-iab-detail-wrapper{display: flex; flex-direction: column; overflow: hidden; border-color: inherit; height: 100vh;}.wcc-iab-detail-wrapper .wcc-iab-preference-des,.wcc-iab-detail-wrapper .wcc-google-privacy-policy{padding: 12px 24px; font-size: 14px; line-height: 24px;}.wcc-iab-detail-wrapper .wcc-iab-preference-des p{color: inherit; margin-top: 0;}.wcc-iab-detail-wrapper .wcc-iab-preference-des p:last-child{margin-bottom: 0;}.wcc-iab-detail-wrapper .wcc-iab-navbar-wrapper{padding: 0 24px; border-color: inherit;}.wcc-iab-navbar-wrapper .wcc-iab-navbar{display: flex; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid; border-color: inherit;}.wcc-iab-navbar .wcc-iab-nav-item{margin: 0 12px;}.wcc-iab-nav-item.wcc-iab-nav-item-active{border-bottom: 4px solid #1863dc;}.wcc-iab-navbar .wcc-iab-nav-item:first-child{margin: 0 12px 0 0;}.wcc-iab-navbar .wcc-iab-nav-item:last-child{margin: 0 0 0 12px;}.wcc-iab-nav-item button.wcc-iab-nav-btn{padding: 6px 0 14px; color: #757575; font-size: 16px; line-height: 24px; cursor: pointer; background: transparent; border-color: transparent; text-transform: none; min-height: 0; text-shadow: none; box-shadow: none;}.wcc-iab-nav-item.wcc-iab-nav-item-active button.wcc-iab-nav-btn{color: #1863dc; font-weight: 700;}.wcc-iab-detail-wrapper .wcc-iab-detail-sub-wrapper{flex: 1; overflow: auto; border-color: inherit;}.wcc-accordion .wcc-accordion-iab-item{display: flex; padding: 20px 0; cursor: pointer;}.wcc-accordion-header-wrapper .wcc-accordion-header{display: flex; align-items: center; justify-content: space-between;}.wcc-accordion-title {display:flex; align-items:center; font-size:16px;}.wcc-accordion-body .wcc-child-accordion{padding: 0 15px; background-color: #f4f4f4; box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; margin-bottom: 20px;}.wcc-child-accordion .wcc-child-accordion-item{display: flex; padding: 15px 0; cursor: pointer;}.wcc-accordion-body .wcc-child-accordion.wcc-accordion-active{padding: 0 15px 15px;}.wcc-child-accordion.wcc-accordion-active .wcc-child-accordion-item{padding: 15px 0 0;}.wcc-child-accordion-chevron{margin-right: 18px; position: relative; cursor: pointer;}.wcc-child-accordion .wcc-child-accordion-chevron i::before{content: \"\"; position: absolute; border-right: 1.4px solid; border-bottom: 1.4px solid; border-color: #212121; height: 6px; width: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.2s ease-in-out; top: 8px;}.wcc-child-accordion.wcc-accordion-active .wcc-child-accordion-chevron i::before{top: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}.wcc-child-accordion-item .wcc-child-accordion-header-wrapper{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;}.wcc-child-accordion-header-wrapper .wcc-child-accordion-btn{color: #212121; font-weight: 700; text-align: left;}.wcc-child-accordion-header-wrapper .wcc-switch-wrapper{color: #212121; display: flex; align-items: center; justify-content: end; flex-wrap: wrap;}.wcc-switch-wrapper .wcc-legitimate-switch-wrapper,.wcc-switch-wrapper .wcc-consent-switch-wrapper{display: flex; align-items: center; justify-content: center;}.wcc-legitimate-switch-wrapper.wcc-switch-separator{border-right: 1px solid #d0d5d2; padding: 0 10px 0 0;}.wcc-switch-wrapper .wcc-consent-switch-wrapper{padding: 0 0 0 10px;}.wcc-legitimate-switch-wrapper .wcc-switch-label,.wcc-consent-switch-wrapper .wcc-switch-label{font-size: 14px; line-height: 24px; margin: 0 8px 0 0;}.wcc-switch-sm{display: flex;}.wcc-switch-sm input[type=\"checkbox\"]{position: relative; width: 34px; height: 20px; margin: 0; background: #d0d5d2; -webkit-appearance: none; border-radius: 50px; cursor: pointer; outline: 0; border: none; top: 0;}.wcc-switch-sm input[type=\"checkbox\"]:checked{background: #1863dc;}.wcc-switch-sm input[type=\"checkbox\"]:before{position: absolute; content: \"\"; height: 16px; width: 16px; left: 2px; bottom: 2px; border-radius: 50%; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; margin: 0;}.wcc-switch-sm input[type=\"checkbox\"]:checked:before{-webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px);}.wcc-switch-sm input[type=\"checkbox\"]:focus-visible{outline: 2px solid #1863dc; outline-offset: 2px;}.wcc-child-accordion .wcc-child-accordion-body,.wcc-preference-body-wrapper .wcc-iab-detail-title{display: none;}.wcc-child-accordion.wcc-accordion-active .wcc-child-accordion-body{display: block;}.wcc-accordion-iab-item .wcc-accordion-btn{color: inherit;}.wcc-child-accordion-body .wcc-iab-ad-settings-details{color: #212121; font-size: 12px; line-height: 24px; margin: 0 0 0 18px;}.wcc-child-accordion-body .wcc-iab-ad-settings-details *{font-size: 12px; line-height: 24px; word-wrap: break-word;}.wcc-iab-ad-settings-details .wcc-vendor-wrapper{color: #212121;}.wcc-iab-ad-settings-details .wcc-iab-ad-settings-details-des,.wcc-iab-ad-settings-details .wcc-vendor-privacy-link{margin: 13px 0 11px;}.wcc-iab-illustrations p,.wcc-iab-illustrations .wcc-iab-illustrations-des{margin: 0;}.wcc-iab-illustrations .wcc-iab-illustrations-title,.wcc-vendor-privacy-link .wcc-vendor-privacy-link-title,.wcc-vendor-legitimate-link .wcc-vendor-legitimate-link-title{font-weight: 700;}.wcc-vendor-privacy-link .external-link-img,.wcc-vendor-legitimate-link .external-link-img{display: inline-block; vertical-align: text-top;}.wcc-iab-illustrations .wcc-iab-illustrations-des{padding: 0 0 0 24px;}.wcc-iab-ad-settings-details .wcc-iab-vendors-count-wrapper{font-weight: 700; margin: 11px 0 0;}.wcc-vendor-wrapper .wcc-vendor-data-retention-section,.wcc-vendor-wrapper .wcc-vendor-purposes-section,.wcc-vendor-wrapper .wcc-vendor-special-purposes-section,.wcc-vendor-wrapper .wcc-vendor-features-section,.wcc-vendor-wrapper .wcc-vendor-special-features-section,.wcc-vendor-wrapper .wcc-vendor-categories-section,.wcc-vendor-wrapper .wcc-vendor-storage-overview-section,.wcc-vendor-wrapper .wcc-vendor-storage-disclosure-section,.wcc-vendor-wrapper .wcc-vendor-legitimate-link{margin: 11px 0;}.wcc-vendor-privacy-link a,.wcc-vendor-legitimate-link a{text-decoration: none; color: #1863dc;}.wcc-vendor-data-retention-section .wcc-vendor-data-retention-value,.wcc-vendor-purposes-section .wcc-vendor-purposes-title,.wcc-vendor-special-purposes-section .wcc-vendor-special-purposes-title,.wcc-vendor-features-section .wcc-vendor-features-title,.wcc-vendor-special-features-section .wcc-vendor-special-features-title,.wcc-vendor-categories-section .wcc-vendor-categories-title,.wcc-vendor-storage-overview-section .wcc-vendor-storage-overview-title{font-weight: 700; margin: 0;}.wcc-vendor-storage-disclosure-section .wcc-vendor-storage-disclosure-title{font-weight: 700; margin: 0 0 11px;}.wcc-vendor-data-retention-section .wcc-vendor-data-retention-list,.wcc-vendor-purposes-section .wcc-vendor-purposes-list,.wcc-vendor-special-purposes-section .wcc-vendor-special-purposes-list,.wcc-vendor-features-section .wcc-vendor-features-list,.wcc-vendor-special-features-section .wcc-vendor-special-features-list,.wcc-vendor-categories-section .wcc-vendor-categories-list,.wcc-vendor-storage-overview-section .wcc-vendor-storage-overview-list,.wcc-vendor-storage-disclosure-section .wcc-vendor-storage-disclosure-list{margin: 0; padding: 0 0 0 18px;}.wcc-cookie-des-table .wcc-purposes-list{padding: 0 0 0 12px; margin: 0;}.wcc-cookie-des-table .wcc-purposes-list li{display: list-item; list-style-type: disc;}.wcc-vendor-wrapper .wcc-show-table-btn{font-size: 12px; color: #1863dc;}.wcc-vendor-wrapper .wcc-loader,.wcc-vendor-wrapper .wcc-error-msg{margin: 0;}.wcc-vendor-wrapper .wcc-error-msg{color: #e71d36;}.wcc-audit-table.wcc-vendor-audit-table{background-color: #ffffff; border-color: #f4f4f4;}.wcc-audit-table.wcc-vendor-audit-table .wcc-cookie-des-table li div:first-child{width: 200px;}button.wcc-iab-dec-btn:focus-visible,button.wcc-child-accordion-btn:focus-visible,button.wcc-show-table-btn:focus-visible,button.wcc-iab-nav-btn:focus-visible,.wcc-vendor-privacy-link a:focus-visible,.wcc-vendor-legitimate-link a:focus-visible{outline: 2px solid #1863dc; outline-offset: 2px;}button.wcc-iab-dec-btn:not(:hover):not(:active),button.wcc-iab-nav-btn:not(:hover):not(:active),button.wcc-child-accordion-btn:not(:hover):not(:active),button.wcc-show-table-btn:not(:hover):not(:active),.wcc-vendor-privacy-link a:not(:hover):not(:active),.wcc-vendor-legitimate-link a:not(:hover):not(:active){background: transparent;}.wcc-accordion-iab-item button.wcc-accordion-btn:not(:hover):not(:active){color: inherit;}button.wcc-iab-nav-btn:not(:hover):not(:active){color: #757575;}button.wcc-iab-dec-btn:not(:hover):not(:active),.wcc-iab-nav-item.wcc-iab-nav-item-active button.wcc-iab-nav-btn:not(:hover):not(:active),button.wcc-show-table-btn:not(:hover):not(:active){color: #1863dc;}button.wcc-child-accordion-btn:not(:hover):not(:active){color: #212121;}button.wcc-iab-nav-btn:focus:not(:focus-visible),button.wcc-iab-dec-btn:focus:not(:focus-visible),button.wcc-child-accordion-btn:focus:not(:focus-visible),button.wcc-show-table-btn:focus:not(:focus-visible){outline: 0;}.wcc-switch-sm input[type=\"checkbox\"]:after{display: none;}@media (max-width: 768px){.wcc-child-accordion-header-wrapper .wcc-switch-wrapper{width: 100%;}}@media (max-width: 576px){.wcc-hide-ad-settings{display: block;}.wcc-iab-detail-wrapper{display: block; flex: 1; overflow: auto; border-color: inherit;}.wcc-iab-detail-wrapper .wcc-iab-navbar-wrapper{display: none;}.wcc-iab-detail-sub-wrapper .wcc-preference-body-wrapper{border-top: 1px solid; border-color: inherit;}.wcc-preference-body-wrapper .wcc-iab-detail-title{display: block; font-size: 16px; font-weight: 700; margin: 10px 0 0; line-height: 24px;}.wcc-audit-table.wcc-vendor-audit-table .wcc-cookie-des-table li div:first-child{width: 100px;}}@media (max-width: 425px){.wcc-switch-sm input[type=\"checkbox\"]{width: 25px; height: 16px;}.wcc-switch-sm input[type=\"checkbox\"]:before{height: 12px; width: 12px;}.wcc-switch-sm input[type=\"checkbox\"]:checked:before{-webkit-transform: translateX(9px); -ms-transform: translateX(9px); transform: translateX(9px);}.wcc-child-accordion-chevron{margin-right: 15px;}.wcc-child-accordion-body .wcc-iab-ad-settings-details{margin: 0 0 0 15px;}}@media (max-width: 352px){.wcc-iab-detail-wrapper .wcc-iab-preference-des, .wcc-child-accordion-header-wrapper .wcc-child-accordion-btn, .wcc-legitimate-switch-wrapper .wcc-switch-label, .wcc-consent-switch-wrapper .wcc-switch-label, button.wcc-iab-dec-btn{font-size: 12px;}.wcc-preference-body-wrapper .wcc-iab-detail-title{font-size: 14px;}}.wcc-rtl .wcc-child-accordion .wcc-child-accordion-chevron i::before{border: none; border-left: 1.4px solid; border-top: 1.4px solid; left: 12px;}.wcc-rtl .wcc-child-accordion.wcc-accordion-active .wcc-child-accordion-chevron i::before{-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}.wcc-rtl .wcc-child-accordion-body .wcc-iab-ad-settings-details{margin: 0 18px 0 0;}.wcc-rtl .wcc-iab-illustrations .wcc-iab-illustrations-des{padding: 0 24px 0 0;}.wcc-rtl .wcc-consent-switch-wrapper .wcc-switch-label,.wcc-rtl .wcc-legitimate-switch-wrapper .wcc-switch-label{margin: 0 0 0 8px;}.wcc-rtl .wcc-switch-wrapper .wcc-legitimate-switch-wrapper{padding: 0; border-right: none;}.wcc-rtl .wcc-legitimate-switch-wrapper.wcc-switch-separator{border-left: 1px solid #d0d5d2; padding: 0 0 0 10px;}.wcc-rtl .wcc-switch-wrapper .wcc-consent-switch-wrapper{padding: 0 10px 0 0;}.wcc-rtl .wcc-child-accordion-header-wrapper .wcc-child-accordion-btn{text-align: right;}.wcc-rtl .wcc-vendor-data-retention-section .wcc-vendor-data-retention-list,.wcc-rtl .wcc-vendor-purposes-section .wcc-vendor-purposes-list,.wcc-rtl .wcc-vendor-special-purposes-section .wcc-vendor-special-purposes-list,.wcc-rtl .wcc-vendor-features-section .wcc-vendor-features-list,.wcc-rtl .wcc-vendor-special-features-section .wcc-vendor-special-features-list,.wcc-rtl .wcc-vendor-categories-section .wcc-vendor-categories-list,.wcc-rtl .wcc-vendor-storage-overview-section .wcc-vendor-storage-overview-list,.wcc-rtl .wcc-vendor-storage-disclosure-section .wcc-vendor-storage-disclosure-list{padding: 0 18px 0 0;}@media (max-width: 425px){.wcc-rtl .wcc-child-accordion-body .wcc-iab-ad-settings-details{margin: 0 15px 0 0;}}"}}; var _wccApi = {"base":"https:\/\/www.fontfabric.com\/wp-json\/wcc\/v1\/","nonce":"96de3920eb"}; var _wccGCMConfig = {"_mode":"advanced","_urlPassthrough":"","_debugMode":"","_redactData":"","_regions":[],"_wccBypass":"","wait_for_update":"500"}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/webtoffee-cookie-consent/lite/frontend/js/script.min.js?ver=3.2.0" id="webtoffee-cookie-consent-js"></script> <script src="https://www.fontfabric.com/wp-content/plugins/webtoffee-cookie-consent/lite/frontend/js/gcm.min.js?ver=3.2.0" id="webtoffee-cookie-consent-gcm-js"></script> <script src="https://www.fontfabric.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://www.fontfabric.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70" id="jquery-blockui-js" data-wp-strategy="defer"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js?ver=1.7.21-wc.8.9.3" id="zoom-js" defer data-wp-strategy="defer"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.min.js?ver=2.7.2-wc.8.9.3" id="flexslider-js" defer data-wp-strategy="defer"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.min.js?ver=4.1.1-wc.8.9.3" id="photoswipe-js" defer data-wp-strategy="defer"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.min.js?ver=4.1.1-wc.8.9.3" id="photoswipe-ui-default-js" defer data-wp-strategy="defer"></script> <script id="wc-single-product-js-extra"> var wc_single_product_params = {"i18n_required_rating_text":"Please select a rating","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"1","zoom_options":[],"photoswipe_enabled":"1","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":"1"}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=8.9.3" id="wc-single-product-js" defer data-wp-strategy="defer"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.8.9.3" id="js-cookie-js" defer data-wp-strategy="defer"></script> <script id="woocommerce-js-extra"> var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=8.9.3" id="woocommerce-js" defer data-wp-strategy="defer"></script> <script id="woocommerce-tokenization-form-js-extra"> var wc_tokenization_form_params = {"is_registration_required":"1","is_logged_in":""}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/frontend/tokenization-form.min.js?ver=8.9.3" id="woocommerce-tokenization-form-js"></script> <script src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/js/lib/flickity.min.js?ver=1733318420" id="flickity-js"></script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/template-parts/blocks/block-slider/block-slider-script.js?ver=1742568602" id="flickity-controller-js"></script> <link rel="https://api.w.org/" href="https://www.fontfabric.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.fontfabric.com/wp-json/wp/v2/product/1307" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.fontfabric.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.fontfabric.com/?p=1307' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.fontfabric.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.fontfabric.com%2Ffonts%2Fnoah%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.fontfabric.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.fontfabric.com%2Ffonts%2Fnoah%2F&format=xml" /> <style id="wcc-style-inline">[data-tag]{visibility:hidden;}</style>    <script data-cfasync="false" data-pagespeed-no-defer type="text/javascript"> var dataLayer_content = {"visitorLoginState":"logged-out"}; dataLayer.push( dataLayer_content ); </script> <script data-cfasync="false"> (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= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NZKKL5MT'); </script>  <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <link rel="icon" href="https://www.fontfabric.com/wp-content/uploads/2024/08/favicon-1-1.png" sizes="32x32" /> <link rel="icon" href="https://www.fontfabric.com/wp-content/uploads/2024/08/favicon-1-1.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.fontfabric.com/wp-content/uploads/2024/08/favicon-1-1.png" /> <meta name="msapplication-TileImage" content="https://www.fontfabric.com/wp-content/uploads/2024/08/favicon-1-1.png" /> <style id="wp-custom-css"> body .wcc-consent-container .wcc-consent-bar { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; border-radius: 20px; padding: 20px; } body .wcc-modal.wcc-modal-open, body .wcc-preference-center { border-radius: 20px; } body .wcc-consent-bar .wcc-btn { border-radius: 1rem; } body .wcc-modal .wcc-btn { border-radius: 1rem; } </style> <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style> <noscript> <style id="wpr-lazyload-bg-nostyle">button.pswp__button{--wpr-bg-355af547-e1a2-4a20-b149-fb7c2dde854f: url('https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png');}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{--wpr-bg-8c0c172a-c13c-496e-a2da-0c6942970668: url('https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png');}.pswp__preloader--active .pswp__preloader__icn{--wpr-bg-9f2d8534-bfc1-46e8-bc9f-50277dc02969: url('https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif');}.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{--wpr-bg-492e1025-7a5d-43eb-9b53-e837bdcd5e38: url('https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg');}.ff-register-left:after{--wpr-bg-09ff4f7c-d458-4b13-b3d2-8ae0360a8e1c: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/astronaut.png');}.recent-font-block .navigation-arrow:after{--wpr-bg-b5109ed1-7cf7-41ee-9ca2-96a984e9797f: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/chevron-right.svg');}.check-icon:before{--wpr-bg-edb05711-eb71-484a-88c2-32e371fdecc2: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/check-icon.svg');}.redx-icon:before{--wpr-bg-16fe03c3-5e4f-498e-a280-d203027ab039: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/redx-icon.svg');}ul.hearth-bullets li:before{--wpr-bg-3806757e-c07b-4015-be8b-2f817f002f37: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/check-heart.svg');}.is-style-arrow-right a::after{--wpr-bg-dc29884e-548d-47cf-a4b0-3ca147672bdc: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/arrow-right.svg');}#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand{--wpr-bg-3613310e-39f6-4fc0-a369-8abae8009901: url('https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/credit-card.svg');}#add_payment_method #payment ul.payment_methods li .stripe-visa-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-visa-brand{--wpr-bg-e31e6dd2-8f97-455e-b352-5bf1958d5a2b: url('https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/visa.svg');}#add_payment_method #payment ul.payment_methods li .stripe-amex-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-amex-brand{--wpr-bg-95dd23c0-b1ba-493d-bf7b-0dfdf0736978: url('https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/amex.svg');}#add_payment_method #payment ul.payment_methods li .stripe-diners-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-diners-brand{--wpr-bg-32302056-fd1e-4f87-97d9-3e38839310af: url('https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/diners.svg');}#add_payment_method #payment ul.payment_methods li .stripe-discover-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-discover-brand{--wpr-bg-c0758771-0526-4d60-8be2-457cf5ed07af: url('https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/discover.svg');}#add_payment_method #payment ul.payment_methods li .stripe-jcb-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-jcb-brand{--wpr-bg-c67b89fe-4723-49d8-ba81-6df650a886be: url('https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/jcb.svg');}#add_payment_method #payment ul.payment_methods li .stripe-maestro-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-maestro-brand{--wpr-bg-7d05936d-d481-4fc9-b163-a122b88b878e: url('https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/maestro.svg');}#add_payment_method #payment ul.payment_methods li .stripe-mastercard-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-mastercard-brand{--wpr-bg-6a0f823c-a423-42fc-8918-9bf5c99a2a84: url('https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/mastercard.svg');}.gpay-button.short.light,.gpay-button.short.light-outline{--wpr-bg-5c1d4d80-9bb1-4151-989b-c8ed99ea7ad8: url('https://www.gstatic.com/instantbuy/svg/light_gpay.svg');}.gpay-button.short.dark{--wpr-bg-2657de59-083f-43aa-b4a2-12f51c416304: url('https://www.gstatic.com/instantbuy/svg/dark_gpay.svg');}.rll-youtube-player .play{--wpr-bg-af66bb3f-bead-4834-8a61-8636e2aaf128: url('https://www.fontfabric.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style> </noscript> <script type="application/javascript">const rocket_pairs = [{"selector":"button.pswp__button","style":"button.pswp__button{--wpr-bg-355af547-e1a2-4a20-b149-fb7c2dde854f: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png');}","hash":"355af547-e1a2-4a20-b149-fb7c2dde854f","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png"},{"selector":".pswp__button,.pswp__button--arrow--left,.pswp__button--arrow--right","style":".pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{--wpr-bg-8c0c172a-c13c-496e-a2da-0c6942970668: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png');}","hash":"8c0c172a-c13c-496e-a2da-0c6942970668","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png"},{"selector":".pswp__preloader--active .pswp__preloader__icn","style":".pswp__preloader--active .pswp__preloader__icn{--wpr-bg-9f2d8534-bfc1-46e8-bc9f-50277dc02969: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/preloader.gif');}","hash":"9f2d8534-bfc1-46e8-bc9f-50277dc02969","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/preloader.gif"},{"selector":".pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right","style":".pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{--wpr-bg-492e1025-7a5d-43eb-9b53-e837bdcd5e38: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.svg');}","hash":"492e1025-7a5d-43eb-9b53-e837bdcd5e38","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.svg"},{"selector":".ff-register-left","style":".ff-register-left:after{--wpr-bg-09ff4f7c-d458-4b13-b3d2-8ae0360a8e1c: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/images\/astronaut.png');}","hash":"09ff4f7c-d458-4b13-b3d2-8ae0360a8e1c","url":"https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/images\/astronaut.png"},{"selector":".recent-font-block .navigation-arrow","style":".recent-font-block .navigation-arrow:after{--wpr-bg-b5109ed1-7cf7-41ee-9ca2-96a984e9797f: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/chevron-right.svg');}","hash":"b5109ed1-7cf7-41ee-9ca2-96a984e9797f","url":"https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/chevron-right.svg"},{"selector":".check-icon","style":".check-icon:before{--wpr-bg-edb05711-eb71-484a-88c2-32e371fdecc2: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/check-icon.svg');}","hash":"edb05711-eb71-484a-88c2-32e371fdecc2","url":"https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/check-icon.svg"},{"selector":".redx-icon","style":".redx-icon:before{--wpr-bg-16fe03c3-5e4f-498e-a280-d203027ab039: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/redx-icon.svg');}","hash":"16fe03c3-5e4f-498e-a280-d203027ab039","url":"https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/redx-icon.svg"},{"selector":"ul.hearth-bullets li","style":"ul.hearth-bullets li:before{--wpr-bg-3806757e-c07b-4015-be8b-2f817f002f37: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/check-heart.svg');}","hash":"3806757e-c07b-4015-be8b-2f817f002f37","url":"https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/check-heart.svg"},{"selector":".is-style-arrow-right a","style":".is-style-arrow-right a::after{--wpr-bg-dc29884e-548d-47cf-a4b0-3ca147672bdc: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/arrow-right.svg');}","hash":"dc29884e-548d-47cf-a4b0-3ca147672bdc","url":"https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/arrow-right.svg"},{"selector":"#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand","style":"#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand{--wpr-bg-3613310e-39f6-4fc0-a369-8abae8009901: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/credit-card.svg');}","hash":"3613310e-39f6-4fc0-a369-8abae8009901","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/credit-card.svg"},{"selector":"#add_payment_method #payment ul.payment_methods li .stripe-visa-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-visa-brand","style":"#add_payment_method #payment ul.payment_methods li .stripe-visa-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-visa-brand{--wpr-bg-e31e6dd2-8f97-455e-b352-5bf1958d5a2b: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/visa.svg');}","hash":"e31e6dd2-8f97-455e-b352-5bf1958d5a2b","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/visa.svg"},{"selector":"#add_payment_method #payment ul.payment_methods li .stripe-amex-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-amex-brand","style":"#add_payment_method #payment ul.payment_methods li .stripe-amex-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-amex-brand{--wpr-bg-95dd23c0-b1ba-493d-bf7b-0dfdf0736978: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/amex.svg');}","hash":"95dd23c0-b1ba-493d-bf7b-0dfdf0736978","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/amex.svg"},{"selector":"#add_payment_method #payment ul.payment_methods li .stripe-diners-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-diners-brand","style":"#add_payment_method #payment ul.payment_methods li .stripe-diners-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-diners-brand{--wpr-bg-32302056-fd1e-4f87-97d9-3e38839310af: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/diners.svg');}","hash":"32302056-fd1e-4f87-97d9-3e38839310af","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/diners.svg"},{"selector":"#add_payment_method #payment ul.payment_methods li .stripe-discover-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-discover-brand","style":"#add_payment_method #payment ul.payment_methods li .stripe-discover-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-discover-brand{--wpr-bg-c0758771-0526-4d60-8be2-457cf5ed07af: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/discover.svg');}","hash":"c0758771-0526-4d60-8be2-457cf5ed07af","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/discover.svg"},{"selector":"#add_payment_method #payment ul.payment_methods li .stripe-jcb-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-jcb-brand","style":"#add_payment_method #payment ul.payment_methods li .stripe-jcb-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-jcb-brand{--wpr-bg-c67b89fe-4723-49d8-ba81-6df650a886be: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/jcb.svg');}","hash":"c67b89fe-4723-49d8-ba81-6df650a886be","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/jcb.svg"},{"selector":"#add_payment_method #payment ul.payment_methods li .stripe-maestro-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-maestro-brand","style":"#add_payment_method #payment ul.payment_methods li .stripe-maestro-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-maestro-brand{--wpr-bg-7d05936d-d481-4fc9-b163-a122b88b878e: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/maestro.svg');}","hash":"7d05936d-d481-4fc9-b163-a122b88b878e","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/maestro.svg"},{"selector":"#add_payment_method #payment ul.payment_methods li .stripe-mastercard-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-mastercard-brand","style":"#add_payment_method #payment ul.payment_methods li .stripe-mastercard-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-mastercard-brand{--wpr-bg-6a0f823c-a423-42fc-8918-9bf5c99a2a84: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/mastercard.svg');}","hash":"6a0f823c-a423-42fc-8918-9bf5c99a2a84","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/mastercard.svg"},{"selector":".gpay-button.short.light,.gpay-button.short.light-outline","style":".gpay-button.short.light,.gpay-button.short.light-outline{--wpr-bg-5c1d4d80-9bb1-4151-989b-c8ed99ea7ad8: url('https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg');}","hash":"5c1d4d80-9bb1-4151-989b-c8ed99ea7ad8","url":"https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg"},{"selector":".gpay-button.short.dark","style":".gpay-button.short.dark{--wpr-bg-2657de59-083f-43aa-b4a2-12f51c416304: url('https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg');}","hash":"2657de59-083f-43aa-b4a2-12f51c416304","url":"https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-af66bb3f-bead-4834-8a61-8636e2aaf128: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"af66bb3f-bead-4834-8a61-8636e2aaf128","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script><meta name="generator" content="WP Rocket 3.17.3.1" data-wpr-features="wpr_lazyload_css_bg_img wpr_minify_js wpr_preload_fonts wpr_lazyload_images wpr_lazyload_iframes wpr_automatic_lazy_rendering wpr_image_dimensions wpr_minify_css wpr_mobile wpr_preload_links" /></head> <script> window.__ff_config = {"dictionary":{"kudo":"kudo","kudos":"kudos"}}; </script> <body class="product-template-default single single-product postid-1307 wp-embed-responsive enabled_top_bar theme-fontfabric woocommerce woocommerce-page woocommerce-no-js woocommerce-active">   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZKKL5MT" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content"> Skip to content </a> <div class="menu-overlay"></div> <div class="side-panel-navigation overlay hide-scroll light"> <div class="close-button-row"> <div class="close-panel-button"> <img width="20" height="20" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E" alt="close-sidepanel" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-arrow-left.svg"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="close-sidepanel" class="mobile-only" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg"> </div> <figure class="logo-container"> <a href="https://www.fontfabric.com/" title="Fontfabric™" rel="home"> <img width="129" height="21" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20129%2021'%3E%3C/svg%3E" alt="Fontfabric™ Logo" class="black" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/fontfabric-black.svg"> </a> <figcaption class="visually-hidden">Fontfabric™ - </figcaption> </figure> <div class="account-button"> <a data-micromodal-trigger="modal-login" href="#" class="close-panel-button"><img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="user-icon" class="mobile-only" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-user.svg"></a> </div> </div> <div class="search-box light" > <div class="input-wrapper"> <img width="20" height="20" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-search-gray.svg"> <input type="text" class="search-input" placeholder="Search by font name, category or usage" autocomplete="off"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="clear-search " data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg"> </div> <div class="search-results-container search-results hide-scroll"></div> </div> <div class="menu"> <div class="menu-main-menu-side-mobile-container"><ul id="menu-main-menu-side-mobile" class="menu"><li id="menu-item-889" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-889"><a href="https://www.fontfabric.com/">Home</a></li> <li id="menu-item-890" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-890"><a href="/fonts/">Browse Fonts</a></li> <li id="menu-item-1146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1146"><a href="https://www.fontfabric.com/custom/">Custom</a></li> <li id="menu-item-893" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-893"><a href="https://www.fontfabric.com/typography-services/">Services</a></li> <li id="menu-item-5693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5693"><a href="https://www.fontfabric.com/partnerships/">Partnerships</a></li> <li id="menu-item-892" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-892"><a href="https://www.fontfabric.com/fonts-in-use/">Fonts in use</a></li> <li id="menu-item-896" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-896"><a href="https://www.fontfabric.com/about/">About</a></li> <li id="menu-item-1660" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1660"><a href="https://www.fontfabric.com/help/">Help</a></li> <li id="menu-item-897" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-897"><a href="https://www.fontfabric.com/blog/">Blog</a></li> </ul></div> </div> <div class="menu-social-icons"> <p class="label has-m-font-size">Follow us online</p> <div class="social-icons"> <a aria-label="Follow us online" href="https://www.facebook.com/Fontfabric/"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M22.605 0H.983A.983.983 0 0 0 0 .983v21.622c0 .542.44.982.983.982h11.548v-8.845H9.582v-3.685h2.949V8.108c0-3.046 1.929-4.546 4.646-4.546 1.302 0 2.421.098 2.747.14v3.185h-1.885c-1.478 0-1.823.703-1.823 1.733v2.437h3.686l-.737 3.685h-2.949l.06 8.845h6.329c.542 0 .982-.44.982-.982V.983A.983.983 0 0 0 22.605 0" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a aria-label="Follow us online" href="https://twitter.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="26" viewBox="0 0 24 20"><path d="M23.587 2.269c-.867.385-1.8.645-2.78.762 1-.6 1.767-1.547 2.129-2.677a9.705 9.705 0 0 1-3.073 1.174A4.833 4.833 0 0 0 16.33 0a4.839 4.839 0 0 0-4.713 5.942A13.739 13.739 0 0 1 1.642.885a4.82 4.82 0 0 0-.655 2.433c0 1.679.854 3.16 2.152 4.028A4.814 4.814 0 0 1 .948 6.74v.061c0 2.345 1.667 4.3 3.881 4.745a4.848 4.848 0 0 1-2.185.083 4.844 4.844 0 0 0 4.52 3.36 9.71 9.71 0 0 1-6.01 2.072c-.39 0-.775-.023-1.154-.067a13.7 13.7 0 0 0 7.418 2.173c8.901 0 13.768-7.374 13.768-13.768 0-.21-.004-.419-.014-.627a9.814 9.814 0 0 0 2.415-2.504" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a aria-label="Follow us online" href="https://www.instagram.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M20.639 21.376H2.949a.737.737 0 0 1-.738-.737V9.582H5.16c-.384.553-.514 1.584-.514 2.239 0 3.947 3.219 7.159 7.175 7.159 3.957 0 7.176-3.212 7.176-7.16 0-.654-.093-1.67-.57-2.238h2.949V20.64c0 .407-.33.737-.737.737M11.82 7.296a4.53 4.53 0 0 1 4.536 4.525 4.53 4.53 0 0 1-4.536 4.526 4.53 4.53 0 0 1-4.535-4.526 4.53 4.53 0 0 1 4.535-4.525m5.87-4.348h2.21c.408 0 .738.33.738.738v2.21c0 .408-.33.738-.737.738H17.69a.737.737 0 0 1-.737-.737V3.686c0-.407.33-.738.737-.738M20.783 0H2.803A2.8 2.8 0 0 0 0 2.797V20.79a2.8 2.8 0 0 0 2.804 2.797h17.98a2.8 2.8 0 0 0 2.803-2.797V2.797A2.8 2.8 0 0 0 20.783 0" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a aria-label="Follow us online" href="https://www.behance.net/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" viewBox="0 0 24 16"><g fill="#FFF" fill-rule="evenodd"><path d="M7.416 12.029H3.355v-3.91h4.257s1.542-.02 1.542 2.01c0 1.691-1.128 1.883-1.738 1.9zM3.355 2.6h4.257s1.035 0 1.035 1.522-.609 1.742-1.299 1.742H3.355V2.6zM9.52 6.68s2.232-.166 2.232-2.783C11.752 1.277 9.926 0 7.612 0H0v14.629h7.612s4.647.146 4.647-4.318c0 0 .203-3.632-2.74-3.632zM20.913 8.398h-4.805s.315-2.255 2.574-2.255c2.26 0 2.231 2.255 2.231 2.255M18.625 4c-5.625 0-5.62 5.62-5.62 5.62s-.386 5.592 5.62 5.592c0 0 5.006.286 5.006-3.89h-2.575s.087 1.573-2.345 1.573c0 0-2.574.173-2.574-2.545h7.58S24.546 4 18.625 4M21.035 1H15v1.474h6.035z"></path></g></svg> </a> <a aria-label="Follow us online" href="https://dribbble.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M19.591 5.438c-.212.288-1.9 2.452-5.624 3.973a30.25 30.25 0 0 1 .885 1.978c3.351-.42 6.682.254 7.014.324a10.028 10.028 0 0 0-2.275-6.275M9.433 2.015a53.858 53.858 0 0 1 3.759 5.897c3.582-1.342 5.098-3.38 5.28-3.638a10.03 10.03 0 0 0-6.678-2.539c-.813 0-1.604.097-2.36.28m-7.5 7.73c.45.006 4.6.025 9.312-1.227A64.286 64.286 0 0 0 7.51 2.692a10.111 10.111 0 0 0-5.578 7.053m2.377 8.799c.228-.39 2.992-4.968 8.188-6.647.131-.043.264-.083.397-.12a33.453 33.453 0 0 0-.817-1.71c-5.03 1.505-9.912 1.443-10.352 1.434a10.033 10.033 0 0 0 2.584 7.043m11.419 2.538c-.15-.884-.735-3.964-2.15-7.64l-.066.023c-5.681 1.98-7.72 5.92-7.902 6.29a10.022 10.022 0 0 0 6.183 2.127 10.02 10.02 0 0 0 3.935-.8m6.011-7.674c-.345-.11-3.118-.936-6.275-.431 1.318 3.62 1.854 6.57 1.957 7.182a10.09 10.09 0 0 0 4.318-6.751m-9.946 10.18C5.29 23.587 0 18.295 0 11.793 0 5.29 5.29 0 11.794 0c6.503 0 11.793 5.29 11.793 11.794 0 6.502-5.29 11.793-11.793 11.793" fill="#FFF" fill-rule="evenodd"></path></svg> </a> </div> </div> </div> <header class="site-header" role="banner" id="masthead"> <div class="top-bar" style="background-color: ;"> <div class="header-container"> <div> <p> <span class="marquee"> <span class="st">Check our latest release Nexa Round <span class="highlight">50% off</span></span> <span class="st st2" aria-hidden="true">Check our latest release Nexa Round <span class="highlight">50% off</span></span> </span> </p> <a class="tb-btn" href="https://www.fontfabric.com/fonts/nexa-round/"> View font </a> </div> </div> </div> <div class="header-wrap "> <div class="header-container"> <button aria-label="Main Menu" class="mobile-menu-icon" type="button"> <div class="hamburger"> <span></span> <span></span> <span></span> </div> </button> <div class="menu-scroll-container"> </div> <div class="menu-header-bar-container"> <ul id="menu-main-menu-top-bar" class="main-menu-top header-menu"><li id="menu-item-145" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-145"><a href="/fonts/">Browse Fonts</a></li> <li id="menu-item-1147" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1147"><a href="https://www.fontfabric.com/custom/">Custom</a></li> <li id="menu-item-1714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1714"><a href="https://www.fontfabric.com/typography-services/">Services</a></li> <li id="menu-item-2370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2370"><a href="https://www.fontfabric.com/help/licensing/">Licensing</a></li> </ul> </div> <figure class="logo-container"> <a href="https://www.fontfabric.com/" title="Fontfabric™" rel="home"> <img width="129" height="21" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20129%2021'%3E%3C/svg%3E" alt="Fontfabric™ Logo" class="black" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/fontfabric-black.svg"> <img width="129" height="21" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20129%2021'%3E%3C/svg%3E" alt="Fontfabric™ Logo" class="white" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/fontfabric-white.svg"> </a> <figcaption class="visually-hidden">Fontfabric™ - </figcaption> </figure> <div class="menu-right-container"> <ul class="menu-right header-menu"> <li> <div class="search-box light" id='right-search-box'> <div class="input-wrapper"> <img width="20" height="20" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-search-gray.svg"> <input type="text" class="search-input" placeholder="Search by font name, category or usage" autocomplete="off"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="clear-search collapse-search" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg"> </div> <div class="search-results-container search-results hide-scroll"></div> </div> <button class="expand-search" aria-label="Search Icon"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="search icon" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-search-gray.svg"></button> </li> <li class="vertical-separator"></li> <li> <a data-micromodal-trigger="modal-login" href="#"> Login </a> </li> <li id="ff_cart_count"> <a href="https://www.fontfabric.com/checkout/"> Cart </a> </li> </ul> </div>  <a href="/checkout/" class="mobile-cart-icon hide-xs"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g id="Component 1"><path id="Icon" d="M2 2H3.30616C3.55218 2 3.67519 2 3.77418 2.04524C3.86142 2.08511 3.93535 2.14922 3.98715 2.22995C4.04593 2.32154 4.06333 2.44332 4.09812 2.68686L4.57143 6M4.57143 6L5.62332 13.7314C5.75681 14.7125 5.82355 15.2031 6.0581 15.5723C6.26478 15.8977 6.56108 16.1564 6.91135 16.3174C7.30886 16.5 7.80394 16.5 8.79411 16.5H17.352C18.2945 16.5 18.7658 16.5 19.151 16.3304C19.4905 16.1809 19.7818 15.9398 19.9923 15.6342C20.2309 15.2876 20.3191 14.8247 20.4955 13.8988L21.8191 6.94969C21.8812 6.62381 21.9122 6.46087 21.8672 6.3335C21.8278 6.22177 21.7499 6.12768 21.6475 6.06802C21.5308 6 21.365 6 21.0332 6H4.57143ZM10 21C10 21.5523 9.55228 22 9 22C8.44772 22 8 21.5523 8 21C8 20.4477 8.44772 20 9 20C9.55228 20 10 20.4477 10 21ZM18 21C18 21.5523 17.5523 22 17 22C16.4477 22 16 21.5523 16 21C16 20.4477 16.4477 20 17 20C17.5523 20 18 20.4477 18 21Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg> </a>  <div class="modal micromodal-slide" id="modal-login" aria-hidden="true"> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-login-title"> <div id="ff_login_modal"> <header class="modal__header"> <h2>Welcome back</h2> <span class="modal__close" aria-label="Close modal" data-micromodal-close></span> </header> <main class="modal__content" id="modal-login-content"> <div class="woocommerce-notices-wrapper"></div> <form id="ff_login_modal" class="woocommerce-form woocommerce-form-login login" method="post"> <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" placeholder="Your email" autocomplete="username" value="" /> </p> <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" placeholder="Password" autocomplete="current-password" /> </p> <p class="woocommerce-form-row form-row"> <div class="between-group"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever"> <label class="small" for="rememberme">Remember me</label> </div> <a class="ff-trigger-forgot" href="#">Forgot password?</a> </div> </p> <input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="23293407c1" /><input type="hidden" name="_wp_http_referer" value="/fonts/noah/" /> <p class="woocommerce-form-row form-row"> <button type="submit" class="woocommerce-button" name="login" value="Login now">Login now</button> </p> </form> </main> <footer class="modal__footer"> Don't have an account? <a href="/register/">Sign up</a> </footer> </div> <div id="ff_forgot_modal" style="display: none;"> <header class="modal__header"> <h2>Reset password</h2> <span class="modal__close" aria-label="Close modal" data-micromodal-close></span> </header> <main class="modal__content" id="modal-login-content"> <div class="woocommerce-notices-wrapper"></div> <form method="post" class="woocommerce-ResetPassword lost_reset_password"> <p>Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.</p> <p class="form-row"> <input class="woocommerce-Input woocommerce-Input--text input-text" type="text" name="user_login" id="user_login" placeholder="Username or email" autocomplete="username" /> </p> <div class="clear"></div> <p class="woocommerce-form-row form-row"> <input type="hidden" name="wc_reset_password" value="true" /> <button type="submit" class="woocommerce-Button button" value="Reset password">Reset password</button> </p> <input type="hidden" id="woocommerce-lost-password-nonce" name="woocommerce-lost-password-nonce" value="d30a8e5164" /><input type="hidden" name="_wp_http_referer" value="/fonts/noah/" /> </form> </main> <footer class="modal__footer"> Already have an account? <a class="ff-trigger-login" href="#">Login</a> </footer> </div> </div> </div> </div> </div> </div> </header> <script> (function ($) { // On start of the facet refresh, but not on first page load $(document).on('facetwp-refresh', function () { if (FWP.loaded) { $('.facetwp-template').addClass('loading'); } }); // On finishing the facet refresh $(document).on('facetwp-loaded', function () { $('.facetwp-template').removeClass('loading'); }); })(jQuery); </script> <div id="content" class="site-content"> <main id="primary" class="site-main"> <div class="woocommerce-notices-wrapper"></div> <div id="product-1307" class="product type-product post-1307 status-publish first instock product_cat-display product_cat-sans product_tag-free-fonts has-post-thumbnail taxable shipping-taxable purchasable product-type-variable-subscription"> <div id="block-slider-block_390b8eb9dd35073a1dbe0ad94d74e437" class="block-slider alignfull" data-flickity='{ "imagesLoaded": true, "percentPosition": false, "cellAlign": "left", "contain": true, "fullscreen": true, "lazyLoad": 2, "autoPlay": true, "pageDots": false }'>  <section class="single-slide" style="background-color: #000000"> <img width="2800" height="1400" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202800%201400'%3E%3C/svg%3E" class="slider-desktop-img" alt="Noah Fontfabric" decoding="async" fetchpriority="high" data-lazy-srcset="https://www.fontfabric.com/wp-content/uploads/2024/10/Noah.png 2800w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-300x150.png 300w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-1024x512.png 1024w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-768x384.png 768w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-1536x768.png 1536w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-2048x1024.png 2048w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-360x180.png 360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-720x360.png 720w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-670x335.png 670w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-1360x680.png 1360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-375x188.png 375w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-1920x960.png 1920w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-600x300.png 600w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-740x370.png 740w" data-lazy-sizes="(max-width: 2800px) 100vw, 2800px" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/2024/10/Noah.png" /> <img width="375" height="188" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20375%20188'%3E%3C/svg%3E" class="slider-mobile-img" alt="Noah Fontfabric" decoding="async" data-lazy-srcset="https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-375x188.png 375w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-300x150.png 300w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-1024x512.png 1024w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-768x384.png 768w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-1536x768.png 1536w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-2048x1024.png 2048w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-360x180.png 360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-720x360.png 720w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-670x335.png 670w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-1360x680.png 1360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-1920x960.png 1920w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-600x300.png 600w, https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-740x370.png 740w" data-lazy-sizes="(max-width: 375px) 100vw, 375px" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/2024/10/Noah-375x188.png" /> <div class="slider-inner-container"> <h1 style="color: #ffffff;">Noah type system of 72 fonts • 4 Noah free fonts</h1> </div> </section>  <section class="single-slide" style="background-color: #000000"> <img width="2401" height="1201" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202401%201201'%3E%3C/svg%3E" class="slider-desktop-img" alt="Noah Type System" decoding="async" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/2019/02/Noah.png" /> <img width="375" height="188" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20375%20188'%3E%3C/svg%3E" class="slider-mobile-img" alt="Noah Type System" decoding="async" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/2019/02/Noah.png" /> <div class="slider-inner-container"> </div> </section>  <section class="single-slide" style="background-color: #000000"> <img width="1440" height="720" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20720'%3E%3C/svg%3E" class="slider-desktop-img" alt="" decoding="async" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/2024/10/bf-noah-02.png" /> <img width="375" height="188" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20375%20188'%3E%3C/svg%3E" class="slider-mobile-img" alt="" decoding="async" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/2024/10/bf-noah-02.png" /> <div class="slider-inner-container"> </div> </section>  <section class="single-slide" style="background-color: #000000"> <img width="1440" height="720" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20720'%3E%3C/svg%3E" class="slider-desktop-img" alt="" decoding="async" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/2024/10/bf-noah-03.png" /> <img width="375" height="188" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20375%20188'%3E%3C/svg%3E" class="slider-mobile-img" alt="" decoding="async" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/2024/10/bf-noah-03.png" /> <div class="slider-inner-container"> </div> </section> </div> <div class="modal micromodal-slide" id="modal-trial-fonts" aria-hidden="true"> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-login-title"> <header class="modal__header"> <h4> Enter your email to receive your free font </h4> <span class="modal__close" aria-label="Close modal" data-micromodal-close></span> </header> <main class="modal__content" id="modal-login-content"> <p>We'll send you a zipped file with the free font, license agreement, and installation instructions.</p> <form id="ff_download_font_form" class="ff-form ff-subscribe-form"> <input type="email" name="email" class="email no-mr-bot" placeholder="Your email address*"> <p class="ff-checkbox"> <input class="styled-checkbox" autocomplete="off" type="checkbox" name="subscription_for_services"> <label for="purchasing-as-business">I want to receive updates on new releases, subscriber-only discounts, personalized offers, and resources for getting the most out of my fonts.</label> </p> <input type="hidden" name="data-family" value="6"> <input type="hidden" name="subscription_type" value="free"> <button type="submit" name="submit" class="submit red-button" value="Download">Send me the font</button> </form> </main> <footer class="modal__footer"> <p class="small">Thanks for choosing Fontfabric's free fonts! We help designers from all over the world scale up their projects and clients with great typography. Opt-out anytime by clicking the <span style="text-decoration:underline;">Unsubscribe</span> link in the footer of your emails. See our <a href="/privacy-notice/" target="_blank">Privacy Notice</a> for more information.</p> </footer> </div> </div> </div> <div class="single-product-navigation-row ff-sticky"> <div class="container"> <div class="navigation-row"> <div class="mobile-scroll"> <div class="tabs-wrapper"> <a href="https://www.fontfabric.com/fonts/noah/" class="active">Buying Options</a> <a href="https://www.fontfabric.com/fonts/noah/font-tester/" class="">Font Tester</a> <a href="https://www.fontfabric.com/fonts/noah/features/" class="">Features</a> <a href="https://www.fontfabric.com/fonts/noah/glyphs-map/" class="">Glyphs Map</a> </div> </div> <div class="buttons-wrapper"> <a href="#" data-micromodal-trigger="modal-trial-fonts" class="ff-trial-fonts-button blue-outline-button" > <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M14 10.5V11.3C14 12.4201 14 12.9802 13.782 13.408C13.5903 13.7843 13.2843 14.0903 12.908 14.282C12.4802 14.5 11.9201 14.5 10.8 14.5H5.2C4.07989 14.5 3.51984 14.5 3.09202 14.282C2.71569 14.0903 2.40973 13.7843 2.21799 13.408C2 12.9802 2 12.4201 2 11.3V10.5M11.3333 7.16667L8 10.5M8 10.5L4.66667 7.16667M8 10.5V2.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <span>Trial Fonts</span> </a>  <div class="blue-button big red-button ff-action-add-to-cart" data-price="329" data-product="1307" data-variation="1308"> Buy Noah </div> </div> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { document.getElementById('font-styles').scrollIntoView({behavior: 'smooth'}); }); </script> <div class="single-product-buying-options" id="font-styles"> <div class="container"> <div class="font-styles-wrapper " data-sticky-container> <div class="font-styles-content"> <div id="ff_tester_simple" class="font-tester-input ff-sticky-2nd"> <input type="text" name="font-tester-value" placeholder="Type your text here" autocomplete="off"> <div style="display: none;" class="ff-pangrams hidden" id="ff_font_pangrams"> <ul> <li>The quick brown fox jumps over a lazy dog.</li> <li>Jackdaws love my big sphinx of quartz.</li> <li>Quizzical twins proved my hijack-bug fix.</li> <li>When zombies arrive, quickly fax judge Pat.</li> <li>A wizard's job is to vex chumps quickly in fog.</li> <li>Cozy sphinx waves quart jug of bad milk.</li> <li>Fix problem quickly with galvanized jets.</li> <li>Pack my red box with five dozen quality jugs.</li> <li>Fake bugs put in wax jonquils drive him crazy.</li> <li>Twelve ziggurats quickly jumped a finch box.</li> <li>Jacky can now give six big tips from the old quiz.</li> <li>Lovak won the squad prize cup for sixty big jumps.</li> </ul> </div> <div class="right-side"> <div class="font-size-range"> <span id="rangeSizeValue" class="font-control-range-value">55</span><span>px</span> <input type="range" id="rangeSizeInput" class="font-control-range" name="font-size-value" min="18" max="150" value="55"> </div> <svg class="reset-tester" alt="close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#F2F2F2"/> <line x1="16.4454" y1="7.35355" x2="7.35444" y2="16.4445" stroke="#414141"/> <line y1="-0.5" x2="12.8565" y2="-0.5" transform="matrix(0.707107 0.707107 0.707107 -0.707107 7.9082 7)" stroke="#414141"/> </svg> </div> </div>  <div class="family-section"> <p class="section-title">Buy Complete Family</p> <div class="font-families-wrapper"> <div class="font-accordion"> <div class="single-font-weight main-state"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah ExtraBold ';">Noah</div> <div class="font-info"> <div class="font-meta"> <p>Noah - 72 font styles</p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$329</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="329" data-product="1307" data-parent="false" data-parent-name="false" data-name="Noah Complete Family" data-variation="1308"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional buy-row"> <div class="font-info"> <div class="font-price"> <div class="prices"> <div class="regular-price only">$329</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="329" data-product="1307" data-parent="false" data-parent-name="false" data-name="Noah Complete Family" data-variation="1308"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="family-section"> <p class="section-title">Buy a collection</p> <div class="font-families-wrapper"> <div class="font-accordion"> <div class="single-font-weight main-state"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Medium ';"> Noah Text </div> <div class="font-info"> <div class="font-meta"> <p> Noah Text - 16 font styles </p> <span class="expand-collapse expand">Expand All</span> <span class="expand-collapse collapse">Collapse</span> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$147</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="147" data-product="1307" data-parent="1308" data-parent-name="Noah" data-name="Noah Text Subfamily" data-variation="1368"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Thin ';"> Noah Text Thin </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Thin</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Thin Italic ';"> Noah Text Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Thin Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Ultra Light Italic ';"> Noah Text Ultra Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Ultra Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Ultra Light ';"> Noah Text Ultra Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Ultra Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Light Italic ';"> Noah Text Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Regular Italic ';"> Noah Text Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Regular Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Medium Italic ';"> Noah Text Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Medium Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Medium ';"> Noah Text Medium </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Medium</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Bold Italic ';"> Noah Text Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Bold ';"> Noah Text Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Extra Bold Italic ';"> Noah Text Extra Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Extra Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Extra Bold ';"> Noah Text Extra Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Extra Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Heavy Italic ';"> Noah Text Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Heavy Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Heavy ';"> Noah Text Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Heavy</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Black Italic ';"> Noah Text Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Black Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Black ';"> Noah Text Black </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Black</p> </div> </div> </div> <div class="single-font-weight additional buy-row"> <div class="font-info"> <div class="font-price"> <div class="prices"> <div class="regular-price only">$147</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="147" data-product="1307" data-parent="1308" data-parent-name="Noah" data-name="Noah Text Subfamily" data-variation="1368"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> </div> <div class="font-accordion"> <div class="single-font-weight main-state"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Medium ';"> Noah Head </div> <div class="font-info"> <div class="font-meta"> <p> Noah Head - 18 font styles </p> <span class="expand-collapse expand">Expand All</span> <span class="expand-collapse collapse">Collapse</span> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$147</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="147" data-product="1307" data-parent="1308" data-parent-name="Noah" data-name="Noah Head Subfamily" data-variation="1349"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Thin Italic ';"> Noah Head Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Thin Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Thin ';"> Noah Head Thin </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Thin</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Ultra Light Italic ';"> Noah Head Ultra Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Ultra Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Ultra Light ';"> Noah Head Ultra Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Ultra Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Light ';"> Noah Head Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Light Italic ';"> Noah Head Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Regular Italic ';"> Noah Head Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Regular Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Regular ';"> Noah Head Regular </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Medium Italic ';"> Noah Head Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Medium Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Medium ';"> Noah Head Medium </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Medium</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Bold Italic ';"> Noah Head Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Bold ';"> Noah Head Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Extra Bold Italic ';"> Noah Head Extra Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Extra Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Extra Bold ';"> Noah Head Extra Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Extra Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Heavy Italic ';"> Noah Head Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Heavy Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Heavy ';"> Noah Head Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Heavy</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Black Italic ';"> Noah Head Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Black Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Black ';"> Noah Head Black </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Black</p> </div> </div> </div> <div class="single-font-weight additional buy-row"> <div class="font-info"> <div class="font-price"> <div class="prices"> <div class="regular-price only">$147</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="147" data-product="1307" data-parent="1308" data-parent-name="Noah" data-name="Noah Head Subfamily" data-variation="1349"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> </div> <div class="font-accordion"> <div class="single-font-weight main-state"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Regular ';"> Noah Grotesque </div> <div class="font-info"> <div class="font-meta"> <p> Noah Grotesque - 18 font styles </p> <span class="expand-collapse expand">Expand All</span> <span class="expand-collapse collapse">Collapse</span> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$147</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="147" data-product="1307" data-parent="1308" data-parent-name="Noah" data-name="Noah Grotesque Subfamily" data-variation="1330"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Thin Italic ';"> Noah Grotesque Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Thin Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Thin ';"> Noah Grotesque Thin </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Thin</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Ultra Light Italic ';"> Noah Grotesque Ultra Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Ultra Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Ultra Light ';"> Noah Grotesque Ultra Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Ultra Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Light ';"> Noah Grotesque Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Light Italic ';"> Noah Grotesque Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Regular Italic ';"> Noah Grotesque Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Regular Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Regular ';"> Noah Grotesque Regular </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Medium Italic ';"> Noah Grotesque Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Medium Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Medium ';"> Noah Grotesque Medium </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Medium</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Bold ';"> Noah Grotesque Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Bold Italic ';"> Noah Grotesque Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque ExtraBold ';"> Noah Grotesque ExtraBold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Extra Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque ExtraBold Italic ';"> Noah Grotesque ExtraBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Extra Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Heavy Italic ';"> Noah Grotesque Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Heavy Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Heavy ';"> Noah Grotesque Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Heavy</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Black ';"> Noah Grotesque Black </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Black</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Black Italic ';"> Noah Grotesque Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Black Italic</p> </div> </div> </div> <div class="single-font-weight additional buy-row"> <div class="font-info"> <div class="font-price"> <div class="prices"> <div class="regular-price only">$147</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="147" data-product="1307" data-parent="1308" data-parent-name="Noah" data-name="Noah Grotesque Subfamily" data-variation="1330"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> </div> <div class="font-accordion"> <div class="single-font-weight main-state"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Regular ';"> Noah </div> <div class="font-info"> <div class="font-meta"> <p> Noah - 20 font styles </p> <span class="expand-collapse expand">Expand All</span> <span class="expand-collapse collapse">Collapse</span> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$147</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="147" data-product="1307" data-parent="1308" data-parent-name="Noah" data-name="Noah Subfamily" data-variation="1309"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Thin Italic ';"> Noah Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Thin Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Thin ';"> Noah Thin </div> <div class="font-info"> <div class="font-meta"> <p>Noah Thin</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Ultra Light Italic ';"> Noah Ultra Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Ultra Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Ultra Light ';"> Noah Ultra Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Ultra Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Light ';"> Noah Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Text Light ';"> Noah Text Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Light Italic ';"> Noah Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Regular ';"> Noah Regular </div> <div class="font-info"> <div class="font-meta"> <p>Noah Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Regular Italic ';"> Noah Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Regular Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Text Regular ';"> Noah Text Regular </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Medium ';"> Noah Medium </div> <div class="font-info"> <div class="font-meta"> <p>Noah Medium</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Medium Italic ';"> Noah Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Medium Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Bold Italic ';"> Noah Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Bold ';"> Noah Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah ExtraBold Italic ';"> Noah ExtraBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Extra Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah ExtraBold ';"> Noah ExtraBold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Extra Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Heavy ';"> Noah Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Noah Heavy</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Heavy Italic ';"> Noah Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Heavy Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Black Italic ';"> Noah Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Black Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Black ';"> Noah Black </div> <div class="font-info"> <div class="font-meta"> <p>Noah Black</p> </div> </div> </div> <div class="single-font-weight additional buy-row"> <div class="font-info"> <div class="font-price"> <div class="prices"> <div class="regular-price only">$147</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="147" data-product="1307" data-parent="1308" data-parent-name="Noah" data-name="Noah Subfamily" data-variation="1309"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="family-section"> <p class="section-title">Single fonts</p> <div class="font-styles-single-wrapper"> <style>@font-face { font-family: 'Noah Head Thin '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Thin/NoahHead-Thin.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Thin Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Thin_Italic/NoahHead-ThinItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Thin Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Thin_Italic/Noah-ThinItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Thin '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Thin/Noah-Thin.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Thin Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Thin_Italic/NoahGrotesque-ThinItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Thin '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Thin/NoahGrotesque-Thin.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Thin '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Thin/NoahText-Thin.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Thin Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Thin_Italic/NoahText-ThinItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Ultra Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Ultra_Light/NoahGrotesque-UltraLight.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Ultra Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Ultra_Light_Italic/NoahGrotesque-UltraLightItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Ultra Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Ultra_Light_Italic/Noah-UltraLightItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Ultra Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Ultra_Light/Noah-UltraLight.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Ultra Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Ultra_Light/NoahText-UltraLight.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Ultra Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Ultra_Light_Italic/NoahText-UltraLightItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Ultra Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Ultra_Light_Italic/NoahHead-UltraLightItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Ultra Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Ultra_Light/NoahHead-UltraLight.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Light_Italic/NoahGrotesque-LightItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Light_Italic/NoahText-LightItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Light_Italic/Noah-LightItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Light/Noah-Light.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Light_Italic/NoahHead-LightItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Light/NoahText-Light.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Light/NoahHead-Light.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Light/NoahGrotesque-Light.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Regular Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Regular_Italic/NoahGrotesque-RegularItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Regular Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Regular_Italic/NoahHead-RegularItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Regular Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Regular_Italic/NoahText-RegularItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Regular Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Regular_Italic/Noah-RegularItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Regular/Noah-Regular.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Regular/NoahGrotesque-Regular.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Regular/NoahHead-Regular.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Regular/NoahText-Regular.woff2') format('woff2'); }@font-face { font-family: 'Noah Medium Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Medium_Italic/Noah-MediumItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Medium '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Medium/Noah-Medium.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Medium Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Medium_Italic/NoahGrotesque-MediumItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Medium '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Medium/NoahGrotesque-Medium.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Medium Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Medium_Italic/NoahText-MediumItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Medium '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Medium/NoahText-Medium.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Medium '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Medium/NoahHead-Medium.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Medium Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Medium_Italic/NoahHead-MediumItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Bold_Italic/NoahGrotesque-BoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Bold/NoahText-Bold.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Bold_Italic/NoahText-BoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Bold_Italic/NoahHead-BoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Bold/NoahHead-Bold.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Bold/NoahGrotesque-Bold.woff2') format('woff2'); }@font-face { font-family: 'Noah Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Bold/Noah-Bold.woff2') format('woff2'); }@font-face { font-family: 'Noah Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Bold_Italic/Noah-BoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque ExtraBold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Extra_Bold_Italic/NoahGrotesque-ExtraBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque ExtraBold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Extra_Bold/NoahGrotesque-ExtraBold.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Extra Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Extra_Bold/NoahText-ExtraBold.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Extra Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Extra_Bold_Italic/NoahText-ExtraBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Extra Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Extra_Bold_Italic/NoahHead-ExtraBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Extra Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Extra_Bold/NoahHead-ExtraBold.woff2') format('woff2'); }@font-face { font-family: 'Noah ExtraBold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Extra_Bold/Noah-ExtraBold.woff2') format('woff2'); }@font-face { font-family: 'Noah ExtraBold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Extra_Bold_Italic/Noah-ExtraBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Heavy Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Heavy_Italic/Noah-HeavyItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Heavy '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Heavy/NoahText-Heavy.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Heavy Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Heavy_Italic/NoahText-HeavyItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Heavy '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Heavy/Noah-Heavy.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Heavy '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Heavy/NoahGrotesque-Heavy.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Heavy Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Heavy_Italic/NoahGrotesque-HeavyItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Heavy '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Heavy/NoahHead-Heavy.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Heavy Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Heavy_Italic/NoahHead-HeavyItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Black '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Black/NoahGrotesque-Black.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Black '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Black/NoahHead-Black.woff2') format('woff2'); }@font-face { font-family: 'Noah Head Black Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Head/Noah_Head_Black_Italic/NoahHead-BlackItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Grotesque Black Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Grotesque/Noah_Grotesque_Black_Italic/NoahGrotesque-BlackItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Black Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Black_Italic/Noah-BlackItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Black '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah/Noah_Black/Noah-Black.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Black Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Black_Italic/NoahText-BlackItalic.woff2') format('woff2'); }@font-face { font-family: 'Noah Text Black '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Noah/Noah_Text/Noah_Text_Black/NoahText-Black.woff2') format('woff2'); }</style> <div class="single-font-weight additional" data-variation-id="1371"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Thin ';"> Noah Text Thin </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Thin </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Thin" data-variation="1371"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1372"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Thin Italic ';"> Noah Text Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Thin Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Thin Italic" data-variation="1372"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1369"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Ultra Light Italic ';"> Noah Text Ultra Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Ultra Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Ultra Light Italic" data-variation="1369"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1370"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Ultra Light ';"> Noah Text Ultra Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Ultra Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Ultra Light" data-variation="1370"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1376"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Light Italic ';"> Noah Text Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Light Italic" data-variation="1376"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1373"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Regular Italic ';"> Noah Text Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Regular Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Regular Italic" data-variation="1373"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1374"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Medium Italic ';"> Noah Text Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Medium Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Medium Italic" data-variation="1374"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1375"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Medium ';"> Noah Text Medium </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Medium </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Medium" data-variation="1375"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1381"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Bold Italic ';"> Noah Text Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Bold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Bold Italic" data-variation="1381"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1382"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Bold ';"> Noah Text Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Bold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Bold" data-variation="1382"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1379"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Extra Bold Italic ';"> Noah Text Extra Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Extra Bold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Extra Bold Italic" data-variation="1379"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1380"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Extra Bold ';"> Noah Text Extra Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Extra Bold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Extra Bold" data-variation="1380"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1377"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Heavy Italic ';"> Noah Text Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Heavy Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Heavy Italic" data-variation="1377"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1378"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Heavy ';"> Noah Text Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Heavy </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Heavy" data-variation="1378"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1383"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Black Italic ';"> Noah Text Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Black Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Black Italic" data-variation="1383"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1384"> <div class="font-preview-text" data-value="Noah Text" style=" font-family: 'Noah Text Black ';"> Noah Text Black </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Black </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1368" data-parent-name="Noah Text" data-name="Noah Text Black" data-variation="1384"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1354"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Thin Italic ';"> Noah Head Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Thin Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Thin Italic" data-variation="1354"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1355"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Thin ';"> Noah Head Thin </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Thin </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Thin" data-variation="1355"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1352"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Ultra Light Italic ';"> Noah Head Ultra Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Ultra Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Ultra Light Italic" data-variation="1352"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1353"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Ultra Light ';"> Noah Head Ultra Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Ultra Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Ultra Light" data-variation="1353"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1351"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Light ';"> Noah Head Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Light" data-variation="1351"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1359"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Light Italic ';"> Noah Head Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Light Italic" data-variation="1359"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1356"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Regular Italic ';"> Noah Head Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Regular Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Regular Italic" data-variation="1356"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1350"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Regular ';"> Noah Head Regular </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Regular" data-variation="1350"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1357"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Medium Italic ';"> Noah Head Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Medium Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Medium Italic" data-variation="1357"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1358"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Medium ';"> Noah Head Medium </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Medium </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Medium" data-variation="1358"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1364"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Bold Italic ';"> Noah Head Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Bold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Bold Italic" data-variation="1364"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1365"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Bold ';"> Noah Head Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Bold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Bold" data-variation="1365"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1362"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Extra Bold Italic ';"> Noah Head Extra Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Extra Bold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Extra Bold Italic" data-variation="1362"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1363"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Extra Bold ';"> Noah Head Extra Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Extra Bold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Extra Bold" data-variation="1363"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1360"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Heavy Italic ';"> Noah Head Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Heavy Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Heavy Italic" data-variation="1360"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1361"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Heavy ';"> Noah Head Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Heavy </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Heavy" data-variation="1361"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1366"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Black Italic ';"> Noah Head Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Black Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Black Italic" data-variation="1366"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1367"> <div class="font-preview-text" data-value="Noah Head" style=" font-family: 'Noah Head Black ';"> Noah Head Black </div> <div class="font-info"> <div class="font-meta"> <p>Noah Head Black </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1349" data-parent-name="Noah Head" data-name="Noah Head Black" data-variation="1367"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1335"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Thin Italic ';"> Noah Grotesque Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Thin Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Thin Italic" data-variation="1335"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1336"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Thin ';"> Noah Grotesque Thin </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Thin </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Thin" data-variation="1336"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1333"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Ultra Light Italic ';"> Noah Grotesque Ultra Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Ultra Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Ultra Light Italic" data-variation="1333"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1334"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Ultra Light ';"> Noah Grotesque Ultra Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Ultra Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Ultra Light" data-variation="1334"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1332"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Light ';"> Noah Grotesque Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Light" data-variation="1332"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1340"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Light Italic ';"> Noah Grotesque Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Light Italic" data-variation="1340"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1337"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Regular Italic ';"> Noah Grotesque Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Regular Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Regular Italic" data-variation="1337"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1331"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Regular ';"> Noah Grotesque Regular </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Regular" data-variation="1331"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1338"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Medium Italic ';"> Noah Grotesque Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Medium Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Medium Italic" data-variation="1338"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1339"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Medium ';"> Noah Grotesque Medium </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Medium </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Medium" data-variation="1339"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1344"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Bold ';"> Noah Grotesque Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Bold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Bold" data-variation="1344"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1345"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Bold Italic ';"> Noah Grotesque Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Bold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Bold Italic" data-variation="1345"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1346"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque ExtraBold ';"> Noah Grotesque ExtraBold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque ExtraBold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Extra Bold" data-variation="1346"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1347"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque ExtraBold Italic ';"> Noah Grotesque ExtraBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque ExtraBold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Extra Bold Italic" data-variation="1347"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1341"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Heavy Italic ';"> Noah Grotesque Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Heavy Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Heavy Italic" data-variation="1341"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1348"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Heavy ';"> Noah Grotesque Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Heavy </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Heavy" data-variation="1348"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1342"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Black ';"> Noah Grotesque Black </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Black </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Black" data-variation="1342"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1343"> <div class="font-preview-text" data-value="Noah Grotesque" style=" font-family: 'Noah Grotesque Black Italic ';"> Noah Grotesque Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Grotesque Black Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1330" data-parent-name="Noah Grotesque" data-name="Noah Grotesque Black Italic" data-variation="1343"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1327"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Thin Italic ';"> Noah Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Thin Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Thin Italic" data-variation="1327"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1326"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Thin ';"> Noah Thin </div> <div class="font-info"> <div class="font-meta"> <p>Noah Thin </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Thin" data-variation="1326"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1329"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Ultra Light Italic ';"> Noah Ultra Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Ultra Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Ultra Light Italic" data-variation="1329"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1328"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Ultra Light ';"> Noah Ultra Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Ultra Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Ultra Light" data-variation="1328"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1310"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Light ';"> Noah Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Light" data-variation="1310"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1313"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Text Light ';"> Noah Text Light </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Text Light" data-variation="1313"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1322"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Light Italic ';"> Noah Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Light Italic" data-variation="1322"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1311"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Regular ';"> Noah Regular </div> <div class="font-info"> <div class="font-meta"> <p>Noah Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$0</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="0" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Regular" data-variation="1311"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1325"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Regular Italic ';"> Noah Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Regular Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$0</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="0" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Regular Italic" data-variation="1325"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1312"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Text Regular ';"> Noah Text Regular </div> <div class="font-info"> <div class="font-meta"> <p>Noah Text Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Text Regular" data-variation="1312"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1323"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Medium ';"> Noah Medium </div> <div class="font-info"> <div class="font-meta"> <p>Noah Medium </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Medium" data-variation="1323"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1324"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Medium Italic ';"> Noah Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Medium Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Medium Italic" data-variation="1324"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1317"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Bold Italic ';"> Noah Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Bold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$0</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="0" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Bold Italic" data-variation="1317"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1316"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Bold ';"> Noah Bold </div> <div class="font-info"> <div class="font-meta"> <p>Noah Bold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$0</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="0" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Bold" data-variation="1316"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1319"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah ExtraBold Italic ';"> Noah ExtraBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah ExtraBold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Extra Bold Italic" data-variation="1319"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1318"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah ExtraBold ';"> Noah ExtraBold </div> <div class="font-info"> <div class="font-meta"> <p>Noah ExtraBold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Extra Bold" data-variation="1318"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1320"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Heavy ';"> Noah Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Noah Heavy </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Heavy" data-variation="1320"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1321"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Heavy Italic ';"> Noah Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Heavy Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Heavy Italic" data-variation="1321"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1315"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Black Italic ';"> Noah Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Noah Black Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Black Italic" data-variation="1315"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="single-font-weight additional" data-variation-id="1314"> <div class="font-preview-text" data-value="Noah" style=" font-family: 'Noah Black ';"> Noah Black </div> <div class="font-info"> <div class="font-meta"> <p>Noah Black </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$39</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="39" data-product="1307" data-parent="1309" data-parent-name="Noah" data-name="Noah Black" data-variation="1314"> <svg class="add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" fill="none"> <path d="M8 1.5V14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.5 7.95996H14.5" stroke="#4000FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="added-icon" style="display: none;"> <svg class="normal-icon" style="display: block;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 8.13758L4.1 10.7137C4.17086 10.8016 4.26166 10.8729 4.36558 10.9225C4.46949 10.9721 4.58383 10.9986 4.7 11C4.8143 11.0012 4.92746 10.9782 5.03125 10.9324C5.13504 10.8867 5.22685 10.8195 5.3 10.7357L12 3" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <svg class="hover-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <rect width="24" height="24" rx="12" fill="#D9D9D9"/> <path d="M16.6431 7.35693L7.35742 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.35742 7.35693L16.6431 16.6426" stroke="#414141" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> </div> </div> <div class="buy-whole-family-banner"> <div class="banner-content"> <div class="info"> <h5>Haven't decided yet?</h5> <p class="buy-whole-family-and-save-text"> Buy the whole family and enjoy significant savings </p> </div> <a href="#" data-micromodal-trigger="modal-trial-fonts" class="ff-trial-fonts-button blue-outline-button" > <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M14 10.5V11.3C14 12.4201 14 12.9802 13.782 13.408C13.5903 13.7843 13.2843 14.0903 12.908 14.282C12.4802 14.5 11.9201 14.5 10.8 14.5H5.2C4.07989 14.5 3.51984 14.5 3.09202 14.282C2.71569 14.0903 2.40973 13.7843 2.21799 13.408C2 12.9802 2 12.4201 2 11.3V10.5M11.3333 7.16667L8 10.5M8 10.5L4.66667 7.16667M8 10.5V2.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <span>Trial Fonts</span> </a>  <div class="blue-button big red-button ff-action-add-to-cart" data-price="329" data-product="1307" data-variation="1308"> Add to cart </div> </div> </div> </div> <div class="licensing-info"> <div id="ff_licenses_widget" class="licensing-info-wrapper ff-sticky-2nd">  <div id="ff_licenses_info_sidebar" class="licensing-info-box"> <div class="licensing-info-heading"> <p class="title">Font licenses</p> <p class="help-link"> <a href="/contact-us/"> Need help? Contact us </a> </p> </div> <div class="licensing-info-content"> <div class="single-licence"> <div class="title"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="Desktop license icon" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/Desktop.svg"> <p>Desktop</p> </div> <div class="additional-info"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For print and branding projects</p> </div> </div> </div> <div class="single-licence"> <div class="title"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="Web license icon" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/Web.svg"> <p>Web</p> </div> <div class="additional-info"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For websites and online platforms.</p> </div> </div> </div> <div class="single-licence"> <div class="title"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="App license icon" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/App.svg"> <p>App</p> </div> <div class="additional-info"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For mobile applications.</p> </div> </div> </div> <div class="single-licence"> <div class="title"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="Epub license icon" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/Epub.svg"> <p>Epub</p> </div> <div class="additional-info"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For eBooks and ePublishing.</p> </div> </div> </div> <div class="single-licence"> <div class="title"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="Digital-ads license icon" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/Digital-ads.svg"> <p>Digital-ads</p> </div> <div class="additional-info"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For HTML5 based Digital Ads.</p> </div> </div> </div> </div> <div class="licence-offer-text"> <p class="title">Looking for something else?</p> <p class="offer-text">We can offer you custom-tailored licenses according to your needs - broadcasting, corporate, server, gaming. <a href="/contact-us/">Learn more</a></p> </div> </div> <div id="ff_licenses_sidebar" class="licensing-info-box" style="display: none;"> <div class="licensing-info-heading"> <p class="title">Select licenses</p> <p class="help-link" data-selector="ff_reset_cart">Deselect all</p> </div> <div class="licensing-info-content">  <div class="license-group" data-id="66279ce9e944e"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce9e944e" name="desktop"> <label class="normal" for="desktop">Desktop</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For print and branding projects</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For print and branding projects</p> <p class="small period">Perpetual</p> </div> <select name="license_66279ce9e944e" id="66279ce9e944e"> <option data-price="[price]" value="pwa9t" selected> 1 User </option> <option data-price="[price]*1.5" value="hzhqz" > 2 - 5 Users </option> <option data-price="[price]*2" value="s6lp3" > 6 - 10 Users </option> <option data-price="[price]*3" value="r2kq9" > 11 - 20 Users </option> <option data-price="[price]*4.5" value="xv6y2" > 21 - 30 Users </option> <option data-price="[price]*5.75" value="uh4af" > 31 - 50 Users </option> <option data-price="[price]*6.43" value="p34ln" > 51 - 99 Users </option> <option data-price="[price]*10.72" value="jupw4" > 100 - 200 Users </option> </select> </div> </div> <div class="license-group" data-id="66279ce91391d"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce91391d" name="web"> <label class="normal" for="web">Web</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For websites and online platforms</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For websites and online platforms</p> <p data-selector="ff-perpetual-label" class="small period">Annual</p> </div> <select name="license_66279ce91391d" id="66279ce91391d"> <option data-price="[price]" value="yhjv4" selected> 10,000 pageviews </option> <option data-price="[price]*2.5" value="7p8nf" > 25,000 pageviews </option> <option data-price="[price]*5" value="ax42q" > 100,000 pageviews </option> <option data-price="[price]*10" value="5dke7" > 250,000 pageviews </option> <option data-price="[price]*15" value="qvtw0" > 500,000 pageviews </option> <option data-price="[price]*20" value="par9e" > 1,000,000 pagevews </option> <option data-price="[price]*25" value="ev17n" > 1,500,000 pageviews </option> <option data-price="[price]*30" value="a1f9e" > 2,000,000 pageviews </option> </select> <input name="domain_name" data-id="66279ce91391d" type="text" placeholder="Domain name*"> </div> </div> <div class="license-group" data-id="66279ce999786"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce999786" name="app"> <label class="normal" for="app">App</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For mobile applications</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For mobile applications</p> <p data-selector="ff-perpetual-label" class="small period">Annual</p> </div> <select name="license_66279ce999786" id="66279ce999786"> <option data-price="[price]*17" value="5va9c" selected> 1 Titles (25,000 users) </option> <option data-price="[price]*24" value="yjvca" > 2 Titles (25,000 users) </option> <option data-price="[price]*30" value="zh5s2" > 3 Titles (25,000 users) </option> </select> </div> </div> <div class="license-group" data-id="66279ce9c4ebe"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce9c4ebe" name="epub"> <label class="normal" for="epub">Epub</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For eBooks and ePublishing</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For eBooks and ePublishing</p> <p data-selector="ff-perpetual-label" class="small period">Annual</p> </div> <select name="license_66279ce9c4ebe" id="66279ce9c4ebe"> <option data-price="[price]*2" value="wz4l4" selected> 1 Title </option> <option data-price="[price]*4" value="92478" > 2 Titles </option> <option data-price="[price]*6" value="6a2d2" > 3 Titles </option> <option data-price="[price]*10" value="numci" > 5 Titles </option> <option data-price="[price]*24" value="x0d74" > 12 Titles </option> </select> </div> </div> <div class="license-group" data-id="66279ce99f535"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce99f535" name="digital ads"> <label class="normal" for="digital ads">Digital Ads</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For HTML5 based Digital Ads</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For HTML5 based Digital Ads</p> <p data-selector="ff-perpetual-label" class="small period">Annual</p> </div> <select name="license_66279ce99f535" id="66279ce99f535"> <option data-price="[price]*1" value="qnwsr" selected> 1,000,000 Impressions </option> <option data-price="[price]*2" value="wwvkk" > 4,000,000 Impressions </option> <option data-price="[price]*3.1" value="6bx9g" > 7,000,000 Impressions </option> <option data-price="[price]*5.5" value="bpxp2" > 12,000,000 Impressions </option> </select> </div> </div> </div> <div class="licensing-info-footer"> <div class="license-group-inner align-start"> <label for="licensing_term">Licensing</label>  <div class="ff-additional-tooltip alternative"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content "> <p>An annual license provides one year of access with renewal options. A perpetual license offers lifetime access with a one-time purchase. Desktop license is always perpetual.</p> </div> </div> <select class="license compact" name="licensing_term"> <option value="annual" selected="selected">Annual</option> <option value="perpetual">Perpetual</option> </select> </div> <div class="license-group-inner"> <div> <div class="title">Total</div> <p class="small"><span id="ff_total_selected">0</span></p> </div> <div> <div id="ff_total_price" class="total-price">0</div> <p class="small align-right">excl. VAT</p> </div> </div> <div id="ff_add_to_cart" class="single_add_to_cart_button add_to_cart_button big red-button">Add to cart</div> </div> </div> <div id="ff_licenses_sidebar_success" class="licensing-info-box" style="display: none;"> <div class="licensing-info-heading"> <p class="title">Success!</p> <p class="help-link" data-selector="ff_reset_cart">Dismiss</p> </div> <div class="licensing-info-content centered"> <h5>The fonts are added to your shopping cart.</h5> <p>You can proceed with checkout or pick more fonts and licenses to buy.</p> <a href="/checkout/" class="big red-button">Checkout</a> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div id="ff_features_about" data-primary-category="Display" data-primary-id="36" data-second-category="Sans" class="features-about"> <div class="title-row"> <h2>About</h2> </div> <div class="font-about-content"> <div class="content"> Noah Font Family is more than just another geometric sans serif font <a href="https://www.fontfabric.com/">Fontfabric</a>... With sharp details and a distinctive arrangement, Noah Font Family further extends the limits of the x-height, providing unparalleled flexibility. The specific structure is paired with normal width proportions, moderate contrast and vertical stress – making Noah Font Family well suited for a wide range of typographic purposes. This type family consists of 72 Noah Font Styles (4 FREE) divided into four subfamilies with different x-heights – ranging from Noah Grotesque at the bottom, through Noah and Noah Text, and extending to the highest one – Noah Head. The entire set includes styles from Thin to Black, with matching true italics. The inclusion of terminals with a humanistic flavor and typographic letter alternates, such as the binocular “g” or the geometric “a”, offers a blend of the best aspects of both geometric and grotesque typeface classics. Explore: <a href="https://www.fontfabric.com/font-category/sans/">Sans Serif Fonts</a>, <a href="https://www.fontfabric.com/fonts/noah/">Display Fonts</a> </div> <div class="font-meta"> <div class="credits"> <p class="section-title">Credits:</p> <p>Svet Simov, Radomir Tinkov, Stan Partalev</p> </div> <div class="release"> <p class="section-title">Release:</p> <p>Published: Feb 04, 2019</p> <p>Last Updated: Nov 06, 2024</p> </div> </div> </div> </div> </div> <div class="similar-fonts gray-bg-padding"> <div class="container"> <div class="title-row"> <p class="section-title">Similar fonts</p> <div class="navigation-arrows"> <div class="button--previous"><img width="15" height="15" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" alt="navigation-arrow" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/navigation-arrow.svg"></div> <div class="button--next"><img width="15" height="15" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" alt="navigation-arrow" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/navigation-arrow.svg"></div> </div> </div> <div class="fonts-slider similar similar-fonts-carousel"> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/colus/"> <div class="font-preview-wrapper"> <img width="154" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20154%2036'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/92/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Colus</p> <p class="font-prices no-mr-bot">1 font style from $29</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/matt/"> <div class="font-preview-wrapper"> <img width="108" height="35" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20108%2035'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/148/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Matt</p> <p class="font-prices no-mr-bot">18 font styles from $29</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/code-next/"> <div class="font-preview-wrapper"> <img width="251" height="35" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20251%2035'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/74/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Code Next</p> <p class="font-prices no-mr-bot">22 font styles from $39</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/grima/"> <div class="font-preview-wrapper"> <img width="136" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20136%2041'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/76/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Grima</p> <p class="font-prices no-mr-bot">6 font styles from $25</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/panton-rust/"> <div class="font-preview-wrapper"> <img width="322" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20322%2036'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/32/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Panton Rust</p> <p class="font-prices no-mr-bot">82 font styles from $25</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/sensa/"> <div class="font-preview-wrapper"> <img width="85" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2085%2036'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/94/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Sensa</p> <p class="font-prices no-mr-bot">21 font styles from $17</p> </div> <div class="arrow"></div> </div> </a> </div> </div> </div> </div> </div> <script type='text/javascript'> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'view_item', user_id: '0', ecommerce: { currency: 'USD', value: 0, items: [{item_name: 'Noah', item_id: '1307', price: 0, item_category: 'Display', item_category2: 'Sans', item_category3: 'not_applicable', item_variant: 'not_applicable', item_list_name: 'Display', item_list_id: '36', index: '', quantity: 1}] } }); </script> </main> </div> <footer id="colophon" class="site-footer" data-user-id="0"> <div class="container"> <div class="breadcrumbs"><span><span><a href="https://www.fontfabric.com/">Home</a></span> / <span><a href="https://www.fontfabric.com/fonts/">All Fonts</a></span> / <span class="breadcrumb_last" aria-current="page">Noah</span></span></div> </div> <div class="container"> <div class="subscribe-block"> <div class="subscribe-wrapper"> <div class="column-1 dp-flex-column has-white-color"> <h3 class='has-xxxl-font-size no-mr-bot'>Stay in the loop</h3> <p class='has-d-font-size no-mr-bot'>Subscribe now for exclusive access to our latest releases, free fonts, special deals and insider typography tips.</p> </div> <div class="column-2 dp-flex-column has-white-color"> <div class="form-wrapper"> <form id="ff_subscribe_form" class="ff-subscribe-form"> <input type="email" name="email" class="email no-mr-bot" placeholder="Your email"> <button type="submit" name="submit" class="submit red-button" value="Subscribe">Subscribe</button> </form> </div> <div class="follow-us-wrapper"> <p class="label no-mr-bot">Follow us online</p> <div class="social-icons"> <a target="_blank" aria-label="Follow us online on Facebook" href="https://www.facebook.com/Fontfabric/"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M22.605 0H.983A.983.983 0 0 0 0 .983v21.622c0 .542.44.982.983.982h11.548v-8.845H9.582v-3.685h2.949V8.108c0-3.046 1.929-4.546 4.646-4.546 1.302 0 2.421.098 2.747.14v3.185h-1.885c-1.478 0-1.823.703-1.823 1.733v2.437h3.686l-.737 3.685h-2.949l.06 8.845h6.329c.542 0 .982-.44.982-.982V.983A.983.983 0 0 0 22.605 0" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a target="_blank" aria-label="Follow us online on Twitter" href="https://twitter.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="26" viewBox="0 0 24 20"><path d="M23.587 2.269c-.867.385-1.8.645-2.78.762 1-.6 1.767-1.547 2.129-2.677a9.705 9.705 0 0 1-3.073 1.174A4.833 4.833 0 0 0 16.33 0a4.839 4.839 0 0 0-4.713 5.942A13.739 13.739 0 0 1 1.642.885a4.82 4.82 0 0 0-.655 2.433c0 1.679.854 3.16 2.152 4.028A4.814 4.814 0 0 1 .948 6.74v.061c0 2.345 1.667 4.3 3.881 4.745a4.848 4.848 0 0 1-2.185.083 4.844 4.844 0 0 0 4.52 3.36 9.71 9.71 0 0 1-6.01 2.072c-.39 0-.775-.023-1.154-.067a13.7 13.7 0 0 0 7.418 2.173c8.901 0 13.768-7.374 13.768-13.768 0-.21-.004-.419-.014-.627a9.814 9.814 0 0 0 2.415-2.504" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a target="_blank" aria-label="Follow us online on Instagram" href="https://www.instagram.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M20.639 21.376H2.949a.737.737 0 0 1-.738-.737V9.582H5.16c-.384.553-.514 1.584-.514 2.239 0 3.947 3.219 7.159 7.175 7.159 3.957 0 7.176-3.212 7.176-7.16 0-.654-.093-1.67-.57-2.238h2.949V20.64c0 .407-.33.737-.737.737M11.82 7.296a4.53 4.53 0 0 1 4.536 4.525 4.53 4.53 0 0 1-4.536 4.526 4.53 4.53 0 0 1-4.535-4.526 4.53 4.53 0 0 1 4.535-4.525m5.87-4.348h2.21c.408 0 .738.33.738.738v2.21c0 .408-.33.738-.737.738H17.69a.737.737 0 0 1-.737-.737V3.686c0-.407.33-.738.737-.738M20.783 0H2.803A2.8 2.8 0 0 0 0 2.797V20.79a2.8 2.8 0 0 0 2.804 2.797h17.98a2.8 2.8 0 0 0 2.803-2.797V2.797A2.8 2.8 0 0 0 20.783 0" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a target="_blank" aria-label="Follow us online on Behance" href="https://www.behance.net/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" viewBox="0 0 24 16"><g fill="#FFF" fill-rule="evenodd"><path d="M7.416 12.029H3.355v-3.91h4.257s1.542-.02 1.542 2.01c0 1.691-1.128 1.883-1.738 1.9zM3.355 2.6h4.257s1.035 0 1.035 1.522-.609 1.742-1.299 1.742H3.355V2.6zM9.52 6.68s2.232-.166 2.232-2.783C11.752 1.277 9.926 0 7.612 0H0v14.629h7.612s4.647.146 4.647-4.318c0 0 .203-3.632-2.74-3.632zM20.913 8.398h-4.805s.315-2.255 2.574-2.255c2.26 0 2.231 2.255 2.231 2.255M18.625 4c-5.625 0-5.62 5.62-5.62 5.62s-.386 5.592 5.62 5.592c0 0 5.006.286 5.006-3.89h-2.575s.087 1.573-2.345 1.573c0 0-2.574.173-2.574-2.545h7.58S24.546 4 18.625 4M21.035 1H15v1.474h6.035z"></path></g></svg> </a> <a target="_blank" aria-label="Follow us online on Dribble" href="https://dribbble.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M19.591 5.438c-.212.288-1.9 2.452-5.624 3.973a30.25 30.25 0 0 1 .885 1.978c3.351-.42 6.682.254 7.014.324a10.028 10.028 0 0 0-2.275-6.275M9.433 2.015a53.858 53.858 0 0 1 3.759 5.897c3.582-1.342 5.098-3.38 5.28-3.638a10.03 10.03 0 0 0-6.678-2.539c-.813 0-1.604.097-2.36.28m-7.5 7.73c.45.006 4.6.025 9.312-1.227A64.286 64.286 0 0 0 7.51 2.692a10.111 10.111 0 0 0-5.578 7.053m2.377 8.799c.228-.39 2.992-4.968 8.188-6.647.131-.043.264-.083.397-.12a33.453 33.453 0 0 0-.817-1.71c-5.03 1.505-9.912 1.443-10.352 1.434a10.033 10.033 0 0 0 2.584 7.043m11.419 2.538c-.15-.884-.735-3.964-2.15-7.64l-.066.023c-5.681 1.98-7.72 5.92-7.902 6.29a10.022 10.022 0 0 0 6.183 2.127 10.02 10.02 0 0 0 3.935-.8m6.011-7.674c-.345-.11-3.118-.936-6.275-.431 1.318 3.62 1.854 6.57 1.957 7.182a10.09 10.09 0 0 0 4.318-6.751m-9.946 10.18C5.29 23.587 0 18.295 0 11.793 0 5.29 5.29 0 11.794 0c6.503 0 11.793 5.29 11.793 11.794 0 6.502-5.29 11.793-11.793 11.793" fill="#FFF" fill-rule="evenodd"></path></svg> </a> </div> </div> </div> </div> </div> </div> <div class="mid_footer"> <div class="explore-more-pages-button" id="exploreButton"> <span class="toggleIcon"></span> <p class="no-mr-bot has-white-color">Explore all pages</p> </div> <div class="container"> <div class="columns"> <div class="column"> <div id="nav_menu-2" class="widget widget_nav_menu"><div class="menu-footer-1-container"><ul id="menu-footer-1" class="menu"><li id="menu-item-2490" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2490"><a href="/">Type foundry</a></li> <li id="menu-item-2491" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2491"><a href="https://www.fontfabric.com/typography-services/">Typography services</a></li> <li id="menu-item-5647" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5647"><a href="/custom/">Font customization</a></li> <li id="menu-item-64" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64"><a href="/fonts/">Font families</a></li> <li id="menu-item-2492" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2492"><a href="https://www.fontfabric.com/fontfabric-licensing/">Font Licensing</a></li> <li id="menu-item-24448" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24448"><a href="https://www.fontfabric.com/font-tester/">Font Tester</a></li> </ul></div></div> </div> <div class="column"> <div id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-footer-2-container"><ul id="menu-footer-2" class="menu"><li id="menu-item-2496" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat current-product-ancestor current-menu-parent current-product-parent menu-item-2496"><a href="https://www.fontfabric.com/font-category/sans/">Sans-serif fonts</a></li> <li id="menu-item-2498" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2498"><a href="https://www.fontfabric.com/font-category/serif/">Serif fonts</a></li> <li id="menu-item-2493" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat current-product-ancestor current-menu-parent current-product-parent menu-item-2493"><a href="https://www.fontfabric.com/font-category/display/">Display fonts</a></li> <li id="menu-item-2494" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2494"><a href="https://www.fontfabric.com/font-category/mono/">Mono fonts</a></li> <li id="menu-item-2495" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2495"><a href="https://www.fontfabric.com/font-category/rust/">Rust fonts</a></li> <li id="menu-item-2497" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2497"><a href="https://www.fontfabric.com/font-category/script/">Script fonts</a></li> </ul></div></div> </div> <div class="column"> <div id="nav_menu-7" class="widget widget_nav_menu"><div class="menu-footer-3-container"><ul id="menu-footer-3" class="menu"><li id="menu-item-71" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71"><a href="/fonts/?_font_sale=1">Font sale</a></li> <li id="menu-item-21228" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21228"><a href="/font-tag/free-fonts/">Free fonts</a></li> <li id="menu-item-2500" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2500"><a href="/fonts-in-use/">Fonts in use</a></li> <li id="menu-item-2499" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2499"><a href="https://www.fontfabric.com/partnership-with-fontradar/">Font Radar</a></li> </ul></div></div> </div> <div class="column"> <div id="nav_menu-5" class="widget widget_nav_menu"><div class="menu-footer-4-container"><ul id="menu-footer-4" class="menu"><li id="menu-item-94" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94"><a href="https://www.fontfabric.com/about/">About</a></li> <li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95"><a href="https://www.fontfabric.com/help/">Help</a></li> <li id="menu-item-97" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97"><a href="https://www.fontfabric.com/blog/">Blog</a></li> <li id="menu-item-5705" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5705"><a href="https://www.fontfabric.com/partnerships/">Partnerships</a></li> <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="https://www.fontfabric.com/contact-us/">Contact us</a></li> </ul></div></div> </div> </div> </div> </div> <div class="bottom_footer"> <div class="container"> <div class="site-info"> <p> 2025 © Fontfabric llc. </p> <div id="nav_menu-6" class="widget widget_nav_menu"><div class="menu-footer-socket-container"><ul id="menu-footer-socket" class="menu"><li id="menu-item-102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-102"><a rel="privacy-policy" href="https://www.fontfabric.com/privacy-policy/">Privacy Notice</a></li> <li id="menu-item-5522" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5522"><a href="https://www.fontfabric.com/cookie-policy-eu/">Manage Cookies</a></li> </ul></div></div> </div> </div> </div> </footer> </div> <script type="text/javascript"> var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g var newUrl = window.location.search.replace(relevanssi_rt_regex, '') history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) </script> <script id="wccBannerTemplate_GDPR" type="text/template"><div class="wcc-overlay wcc-hide"></div><div class="wcc-consent-container wcc-hide wcc-popup-center"> <div class="wcc-consent-bar" data-tag="notice" style="background-color:#FFFFFF;border-color:#f4f4f4"> <div class="wcc-notice"> <p class="wcc-title" data-tag="title" style="color:#212121">Manage Consent</p><div class="wcc-notice-group"> <div class="wcc-notice-des" data-tag="description" style="color:#212121"> <p>To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</p> </div><div class="wcc-notice-btn-wrapper" data-tag="notice-buttons"> <button class="wcc-btn wcc-btn-customize" aria-label="Preferences" data-tag="settings-button" style="color:#000000;background-color:#F9F9F9;border-color:#F9F9F9">Preferences</button> <button class="wcc-btn wcc-btn-reject" aria-label="Deny" data-tag="reject-button" style="color:#000000;background-color:#F9F9F9;border-color:#F9F9F9">Deny</button> <button class="wcc-btn wcc-btn-accept" aria-label="Accept All" data-tag="accept-button" style="color:#FFFFFF;background-color:#FF136B;border-color:#FF136B">Accept All</button> </div></div></div></div></div><div class="wcc-modal"> <div class="wcc-preference-center" data-tag="detail" style="color:#212121;background-color:#FFFFFF;border-color:#f4f4f4"> <div class="wcc-preference-header"> <span class="wcc-preference-title" data-tag="detail-title" style="color:#212121">Customize Consent Preferences</span> <button class="wcc-btn-close" aria-label="[wcc_preference_close_label]" data-tag="detail-close"> <img src="https://www.fontfabric.com/wp-content/plugins/webtoffee-cookie-consent/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="wcc-preference-body-wrapper"> <div class="wcc-preference-content-wrapper" data-tag="detail-description" style="color:#212121"> <p>We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p><p>The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. </p><p>We also use third-party cookies that help us analyze how you use this website, store your preferences, and provide the content and advertisements that are relevant to you. These cookies will only be stored in your browser with your prior consent.</p><p>You can choose to enable or disable some or all of these cookies but disabling some of them may affect your browsing experience.</p> </div> <div class="wcc-google-privacy-policy" data-tag="google-privacy-policy"> </div><div class="wcc-accordion-wrapper" data-tag="detail-categories"> <div class="wcc-accordion" id="wccDetailCategorynecessary"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Necessary" data-tag="detail-category-title" style="color:#212121">Necessary</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchnecessary"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryfunctional"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Functional" data-tag="detail-category-title" style="color:#212121">Functional</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchfunctional"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryanalytics"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Analytics" data-tag="detail-category-title" style="color:#212121">Analytics</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchanalytics"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryperformance"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Performance" data-tag="detail-category-title" style="color:#212121">Performance</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchperformance"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryadvertisement"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Advertisement" data-tag="detail-category-title" style="color:#212121">Advertisement</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchadvertisement"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><ul class="wcc-cookie-des-table"><li><div>Cookie</div><div>sbjs_current_add</div></li><li><div>Duration</div><div>365</div></li><li><div>Description</div><div><p>Collects data on user behavior and interaction in order to optimize the website and make advertisements on the website more relevant.</p></div></li></ul><ul class="wcc-cookie-des-table"><li><div>Cookie</div><div>_gcl_au</div></li><li><div>Duration</div><div>3 months</div></li><li><div>Description</div><div><p>Used by Google Ads for experimenting with advertisement efficiency across websites using their services.</p></div></li></ul><ul class="wcc-cookie-des-table"><li><div>Cookie</div><div>_fbp</div></li><li><div>Duration</div><div>3 months</div></li><li><div>Description</div><div><p>Facebook tracking pixel is used to identify visitors for personalized advertising.</p></div></li></ul></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryothers"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Others" data-tag="detail-category-title" style="color:#212121">Others</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchothers"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Other cookies are those that are being identified and have not been classified into any category as yet.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div> </div></div><div class="wcc-footer-wrapper"> <span class="wcc-footer-shadow"></span> <div class="wcc-prefrence-btn-wrapper" data-tag="detail-buttons"> <button class="wcc-btn wcc-btn-reject" aria-label="Deny" data-tag="detail-reject-button" style="color:#000000;background-color:#F9F9F9;border-color:#F9F9F9"> Deny </button> <button class="wcc-btn wcc-btn-preferences" aria-label="Save My Preferences" data-tag="detail-save-button" style="color:#000000;background-color:#F9F9F9;border-color:#F9F9F9"> Save My Preferences </button> <button class="wcc-btn wcc-btn-accept" aria-label="Accept All" data-tag="detail-accept-button" style="color:#FFFFFF;background-color:#FF136B;border-color:#FF136B"> Accept All </button> </div></div></div></div></script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button> <button class="pswp__button pswp__button--share" aria-label="Share"></button> <button class="pswp__button pswp__button--fs" aria-label="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" aria-label="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" aria-label="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link data-minify="1" rel='stylesheet' id='wc-blocks-style-css' href='https://www.fontfabric.com/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=1742568587' media='all' /> <link data-minify="1" rel='stylesheet' id='acf-block-slider-style-css' href='https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/template-parts/blocks/block-slider/block-slider.css?ver=1742568634' media='all' /> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--ff-gray: #F7F7F7;--wp--preset--color--ff-dark: #414141;--wp--preset--color--gray: #D1D1D1;--wp--preset--color--ff-action: #FF136B;--wp--preset--color--ff-primary: #4000FF;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xxs: 10px;--wp--preset--font-size--xs: 12px;--wp--preset--font-size--s: 14px;--wp--preset--font-size--d: 16px;--wp--preset--font-size--m: 18px;--wp--preset--font-size--l: 24px;--wp--preset--font-size--xl: 30px;--wp--preset--font-size--xxl: 36px;--wp--preset--font-size--xxxl: 42px;--wp--preset--font-size--xxxxl: 60px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/plugins/woocommerce-subscriptions/vendor/woocommerce/subscriptions-core/assets/js/frontend/single-product.js?ver=1742568602" id="wcs-single-product-js"></script> <script id="wc-add-to-cart-js-extra"> var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/www.fontfabric.com\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=8.9.3" id="wc-add-to-cart-js" data-wp-strategy="defer"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=8.9.3" id="sourcebuster-js-js"></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"ajaxurl":"https:\/\/www.fontfabric.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=8.9.3" id="wc-order-attribution-js"></script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/api/player.js?ver=1742568587" id="gtm4wp-vimeo-api-js"></script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-vimeo.js?ver=1742568587" id="gtm4wp-vimeo-js"></script> <script id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"\/login\/|\/checkout\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/checkout\/??(.*)|\/cart\/?|\/account\/??(.*)|\/wc-api\/v(.*)|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.fontfabric.com","onHoverDelay":"100","rateThrottle":"3"}; </script> <script id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script id="rocket_lazyload_css-js-extra"> var rocket_lazyload_css_data = {"threshold":"300"}; </script> <script id="rocket_lazyload_css-js-after"> !function o(n,c,a){function u(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(s)return s(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return u(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var s="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){"use strict";{const c="undefined"==typeof rocket_pairs?[]:rocket_pairs,a=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var o=rocket_lazyload_css_data.threshold||300;const u=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&c.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,a.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{u.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:o+"px"});function n(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&c.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(u.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}n(),function(){const r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}}()(document.querySelector("body"),n)}},{}]},{},[1]); </script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/assets/js/lib/skip-link-focus-fix.js?ver=1742568587" id="fontfabric-skip-link-focus-fix-js"></script> <script id="ff-app-js-extra"> var ff_app_object = {"ajaxurl":"https:\/\/www.fontfabric.com\/wp-admin\/admin-ajax.php","action_subscribe_to_active_campaign":"ff_subscribe_to_active_campaign","ff_active_campaign_nonce":"276593347d"}; </script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/assets/js/dist/ff-app.js?ver=1742568587" id="ff-app-js"></script> <script id="fontfabric-navigation-js-extra"> var ajax = {"ajaxurl":"https:\/\/www.fontfabric.com\/wp-admin\/admin-ajax.php"}; </script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/assets/js/lib/navigation.js?ver=1742568587" id="fontfabric-navigation-js"></script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/assets/js/lib/fixed_header.js?ver=1742568587" id="fontfabric-fixed-head-js"></script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/assets/js/lib/social-share.js?ver=1742568587" id="social_share-js"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/jquery-payment/jquery.payment.min.js?ver=3.0.0-wc.8.9.3" id="jquery-payment-js" data-wp-strategy="defer"></script> <script src="https://js.stripe.com/v3/?ver=3.0" id="stripe-js"></script> <script id="woocommerce_stripe-js-extra"> var wc_stripe_params = {"title":"Bank Card","key":"pk_live_51IfnKpImByNkdQ9BDE8Px2ZZVQeg3DlW0T5TS25BVCvZk8Kv0bkasuUNuAc7868rSWlqltAduFRJ2YzuvL136IaV00pyWwJjfR","i18n_terms":"Please accept the terms and conditions first","i18n_required_fields":"Please fill in required checkout fields first","updateFailedOrderNonce":"993ae4e927","updatePaymentIntentNonce":"9a4beb984b","orderId":"0","checkout_url":"\/?wc-ajax=checkout","stripe_locale":"en","no_prepaid_card_msg":"Sorry, we're not accepting prepaid cards at this time. Your credit card has not been charged. Please try with alternative payment method.","no_sepa_owner_msg":"Please enter your IBAN account name.","no_sepa_iban_msg":"Please enter your IBAN account number.","payment_intent_error":"We couldn't initiate the payment. Please try again.","sepa_mandate_notification":"email","allow_prepaid_card":"yes","inline_cc_form":"no","is_checkout":"no","return_url":"https:\/\/www.fontfabric.com\/checkout\/order-received\/?utm_nooverride=1","ajaxurl":"\/?wc-ajax=%%endpoint%%","stripe_nonce":"bedef2bc00","statement_descriptor":"","elements_options":[],"sepa_elements_options":{"supportedCountries":["SEPA"],"placeholderCountry":"BG","style":{"base":{"fontSize":"15px"}}},"invalid_owner_name":"Billing First Name and Last Name are required.","is_change_payment_page":"no","is_add_payment_page":"no","is_pay_for_order_page":"no","elements_styling":"","elements_classes":"","add_card_nonce":"c30012af47","create_payment_intent_nonce":"4aa5689e2b","cpf_cnpj_required_msg":"CPF\/CNPJ is a required field","invalid_number":"The card number is not a valid credit card number.","invalid_expiry_month":"The card's expiration month is invalid.","invalid_expiry_year":"The card's expiration year is invalid.","invalid_cvc":"The card's security code is invalid.","incorrect_number":"The card number is incorrect.","incomplete_number":"The card number is incomplete.","incomplete_cvc":"The card's security code is incomplete.","incomplete_expiry":"The card's expiration date is incomplete.","expired_card":"The card has expired.","incorrect_cvc":"The card's security code is incorrect.","incorrect_zip":"The card's zip code failed validation.","postal_code_invalid":"Invalid zip code, please correct and try again","invalid_expiry_year_past":"The card's expiration year is in the past","card_declined":"The card was declined.","missing":"There is no card on a customer that is being charged.","processing_error":"An error occurred while processing the card.","invalid_sofort_country":"The billing country is not accepted by Sofort. Please try another country.","email_invalid":"Invalid email address, please correct and try again.","invalid_request_error":"Unable to process this payment, please try again or use alternative method.","amount_too_large":"The order total is too high for this payment method","amount_too_small":"The order total is too low for this payment method","country_code_invalid":"Invalid country code, please try again with a valid country code","tax_id_invalid":"Invalid Tax Id, please try again with a valid tax id","invalid_wallet_type":"Invalid wallet payment type, please try again or use an alternative method."}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce-gateway-stripe/assets/js/stripe.min.js?ver=8.6.1" id="woocommerce_stripe-js"></script> <script id="ff-single-font-js-extra"> var ff_single_font_object = {"ajaxurl":"https:\/\/www.fontfabric.com\/wp-admin\/admin-ajax.php","wapf_field_groups":"45","action_add_to_cart":"ff_add_to_cart","action_add_to_cart_nonce":"b75167c89f","action_remove_from_cart":"ff_remove_from_cart","action_remove_from_cart_nonce":"5c23873c47","action_send_free_font_maybe_subscribe":"ff_send_free_font_maybe_subscribe","action_send_free_font_maybe_subscribe_nonce":"6e334af33e"}; </script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/wp-content/themes/fontfabric/assets/js/dist/ff-single-font.js?ver=1742568602" id="ff-single-font-js"></script> <script id="wapf-frontend-js-extra"> var wapf_config = {"ajax":"https:\/\/www.fontfabric.com\/wp-admin\/admin-ajax.php","page_type":"product","display_options":{"format":"%1$s%2$s","symbol":"$","decimals":2,"decimal":".","thousand":"","trim_zeroes":false,"tax_suffix":"","tax_enabled":true,"price_incl_tax":false,"tax_display":"excl"},"slider_support":"1","hint":"{x}","today":"2025-03-21T00:00:00","date_format":"mm-dd-yyyy"}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/advanced-product-fields-for-woocommerce-pro/assets/js/frontend.min.js?ver=2.7.15" id="wapf-frontend-js"></script> <div data-wpr-lazyrender="1" class="wttw" aria-hidden="true"><div class="wapf-ttp"></div></div><script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.fontfabric.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=["lazy-image","wp-block-cover__image-background"];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script> </body> </html>

CINXE.COM

DOWNLOAD: Noah Font Family - at Fontfabric™