Intro - Download Full 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>Intro - Download Full 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><link rel="preload" data-rocket-preload as="image" href="https://www.fontfabric.com/wp-content/uploads/2024/10/Intro.png" imagesrcset="https://www.fontfabric.com/wp-content/uploads/2024/10/Intro.png 2560w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-300x150.png 300w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-1024x512.png 1024w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-768x384.png 768w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-1536x768.png 1536w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-2048x1024.png 2048w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-360x180.png 360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-720x360.png 720w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-670x335.png 670w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-1360x680.png 1360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-375x188.png 375w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-1920x960.png 1920w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-600x300.png 600w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-740x370.png 740w" imagesizes="(max-width: 2560px) 100vw, 2560px" fetchpriority="high"> <meta name="description" content="Intro is a high-quality sans-serif font designed for creatives. Explore its 72 styles and various features. Download a free trial today at Fontfabric." /> <link rel="canonical" href="https://www.fontfabric.com/fonts/intro/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Intro - Download Full Font Family at Fontfabric™" /> <meta property="og:description" content="Intro is a high-quality sans-serif font designed for creatives. Explore its 72 styles and various features. Download a free trial today at Fontfabric." /> <meta property="og:url" content="https://www.fontfabric.com/fonts/intro/" /> <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-13T09:45:18+00:00" /> <meta property="og:image" content="https://www.fontfabric.com/wp-content/uploads/2024/10/Intro.png" /> <meta property="og:image:width" content="2560" /> <meta property="og:image:height" content="1280" /> <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="3 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.fontfabric.com/fonts/intro/","url":"https://www.fontfabric.com/fonts/intro/","name":"Intro - Download Full Font Family at Fontfabric™","isPartOf":{"@id":"https://www.fontfabric.com/#website"},"primaryImageOfPage":{"@id":"https://www.fontfabric.com/fonts/intro/#primaryimage"},"image":{"@id":"https://www.fontfabric.com/fonts/intro/#primaryimage"},"thumbnailUrl":"https://www.fontfabric.com/wp-content/uploads/2024/10/Intro.png","datePublished":"2019-09-26T12:00:05+00:00","dateModified":"2025-02-13T09:45:18+00:00","description":"Intro is a high-quality sans-serif font designed for creatives. Explore its 72 styles and various features. Download a free trial today at Fontfabric.","breadcrumb":{"@id":"https://www.fontfabric.com/fonts/intro/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.fontfabric.com/fonts/intro/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.fontfabric.com/fonts/intro/#primaryimage","url":"https://www.fontfabric.com/wp-content/uploads/2024/10/Intro.png","contentUrl":"https://www.fontfabric.com/wp-content/uploads/2024/10/Intro.png","width":2560,"height":1280},{"@type":"BreadcrumbList","@id":"https://www.fontfabric.com/fonts/intro/#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":"Intro"}]},{"@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='//app.zipchat.ai' /> <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=1742569137' 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=1742569137' 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=1742569137' 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=1742569137' 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-adb48e62-6d19-4be3-a0ad-226b449baee9) 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/2388" /><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=2388' /> <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%2Fintro%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%2Fintro%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> <script> (function(h,o,t,j,a,r){ h.hj = h.hj || function(){(h.hj.q = h.hj.q || []).push(arguments)}; h._hjSettings = {hjid:1164436, hjsv:6}; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <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="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-adb48e62-6d19-4be3-a0ad-226b449baee9: 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-adb48e62-6d19-4be3-a0ad-226b449baee9: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"adb48e62-6d19-4be3-a0ad-226b449baee9","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_oci wpr_image_dimensions wpr_minify_css wpr_desktop wpr_preload_links" /></head> <script> window.__ff_config = {"dictionary":{"kudo":"kudo","kudos":"kudos"}}; </script> <body class="product-template-default single single-product postid-2388 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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg" alt="close-sidepanel" class="mobile-only"> </div> <figure class="logo-container"> <a href="https://www.fontfabric.com/" title="Fontfabric™" rel="home"> <img width="129" height="21" src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/fontfabric-black.svg" alt="Fontfabric™ Logo" class="black"> </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="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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg" class="clear-search "> </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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/fontfabric-black.svg" alt="Fontfabric™ Logo" class="black"> <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="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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg" class="clear-search collapse-search"> </div> <div class="search-results-container search-results hide-scroll"></div> </div> <button class="expand-search" aria-label="Search Icon"><img src=" https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-search-gray.svg " alt="search icon"></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/intro/?srsltid=AfmBOorNiUwxB4IMKhyBwH3w7T27Nd5c9F4l3i1H7exDe_X9gwwTZ2vA" /> <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/intro/?srsltid=AfmBOorNiUwxB4IMKhyBwH3w7T27Nd5c9F4l3i1H7exDe_X9gwwTZ2vA" /> </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-2388" class="product type-product post-2388 status-publish first instock product_cat-sans has-post-thumbnail taxable shipping-taxable purchasable product-type-variable-subscription"> <section class="ff-single-font-hero"><img width="2560" height="1280" src="https://www.fontfabric.com/wp-content/uploads/2024/10/Intro.png" class="attachment-full size-full" alt="" decoding="async" fetchpriority="high" srcset="https://www.fontfabric.com/wp-content/uploads/2024/10/Intro.png 2560w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-300x150.png 300w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-1024x512.png 1024w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-768x384.png 768w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-1536x768.png 1536w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-2048x1024.png 2048w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-360x180.png 360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-720x360.png 720w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-670x335.png 670w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-1360x680.png 1360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-375x188.png 375w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-1920x960.png 1920w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-600x300.png 600w, https://www.fontfabric.com/wp-content/uploads/2024/10/Intro-740x370.png 740w" sizes="(max-width: 2560px) 100vw, 2560px" /><h1 class="ff-hero-title" style="color: #ffffff;">Intro type system of 72 fonts • 4 Free Fonts</h1></section> <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="25"> <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/intro/" class="active">Buying Options</a> <a href="https://www.fontfabric.com/fonts/intro/font-tester/" class="">Font Tester</a> <a href="https://www.fontfabric.com/fonts/intro/features/" class="">Features</a> <a href="https://www.fontfabric.com/fonts/intro/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="299" data-product="2388" data-variation="2389"> Buy Intro </div> </div> </div> </div> </div> <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="Intro" style=" font-family: 'Intro SemiBold ';">Intro</div> <div class="font-info"> <div class="font-meta"> <p>Intro - 72 font styles</p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$299</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="299" data-product="2388" data-parent="false" data-parent-name="false" data-name="Intro Complete Family" data-variation="2389"> <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">$299</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="299" data-product="2388" data-parent="false" data-parent-name="false" data-name="Intro Complete Family" data-variation="2389"> <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="Intro" style=" font-family: 'Intro';"> Intro </div> <div class="font-info"> <div class="font-meta"> <p> Intro - 36 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">$209</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="209" data-product="2388" data-parent="2389" data-parent-name="Intro" data-name="Intro Subfamily" data-variation="2427"> <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="Intro" style=" font-family: 'Intro Thin Italic ';"> Intro Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Thin Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Thin Oblique ';"> Intro Thin Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Thin Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Thin ';"> Intro Thin </div> <div class="font-info"> <div class="font-meta"> <p>Intro Thin</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Thin Alt ';"> Intro Thin Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Thin Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro ExLight Italic ';"> Intro ExLight Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Ex Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro ExLight Alt ';"> Intro ExLight Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Ex Light Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro ExLight ';"> Intro ExLight </div> <div class="font-info"> <div class="font-meta"> <p>Intro Ex Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro ExLight Oblique ';"> Intro ExLight Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Ex Light Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Light ';"> Intro Light </div> <div class="font-info"> <div class="font-meta"> <p>Intro Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Light Alt ';"> Intro Light Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Light Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Light Italic ';"> Intro Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Light Oblique ';"> Intro Light Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Light Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Regular Italic ';"> Intro Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Regular Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Regular Alt ';"> Intro Regular Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Regular Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Regular Oblique ';"> Intro Regular Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Regular Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Regular ';"> Intro Regular </div> <div class="font-info"> <div class="font-meta"> <p>Intro Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Medium Oblique ';"> Intro Medium Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Medium Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Medium ';"> Intro Medium </div> <div class="font-info"> <div class="font-meta"> <p>Intro Medium</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Medium Italic ';"> Intro Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Medium Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Medium Alt ';"> Intro Medium Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Medium Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro SemiBold Italic ';"> Intro SemiBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Semi Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro SemiBold Alt ';"> Intro SemiBold Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Semi Bold Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro SemiBold ';"> Intro SemiBold </div> <div class="font-info"> <div class="font-meta"> <p>Intro Semi Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro SemiBold Oblique ';"> Intro SemiBold Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Semi Bold Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Bold Alt ';"> Intro Bold Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Bold Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Bold Italic ';"> Intro Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Bold ';"> Intro Bold </div> <div class="font-info"> <div class="font-meta"> <p>Intro Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Bold Oblique ';"> Intro Bold Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Bold Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Italic ';"> Intro Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Oblique ';"> Intro Black Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black ';"> Intro Black </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Alt ';"> Intro Black Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Inline ';"> Intro Black Inline </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Inline</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Inline Italic ';"> Intro Black Inline Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Inline Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Inline Oblique ';"> Intro Black Inline Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Inline Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Inline Alt ';"> Intro Black Inline Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Inline Alt</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">$209</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="209" data-product="2388" data-parent="2389" data-parent-name="Intro" data-name="Intro Subfamily" data-variation="2427"> <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="Intro Cond" style=" font-family: 'Intro Cond';"> Intro Cond </div> <div class="font-info"> <div class="font-meta"> <p> Intro Cond - 36 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">$209</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="209" data-product="2388" data-parent="2389" data-parent-name="Intro" data-name="Intro Cond Subfamily" data-variation="2390"> <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="Intro Cond" style=" font-family: 'Intro Cond Thin Italic ';"> Intro Cond Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Thin Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Thin Oblique ';"> Intro Cond Thin Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Thin Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Thin Alt ';"> Intro Cond Thin Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Thin Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Thin ';"> Intro Cond Thin </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Thin</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond ExLight Oblique ';"> Intro Cond ExLight Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Ex Light Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond ExLight Alt ';"> Intro Cond ExLight Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Ex Light Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond ExLight Italic ';"> Intro Cond ExLight Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Ex Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond ExLight ';"> Intro Cond ExLight </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Ex Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Light Oblique ';"> Intro Cond Light Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Light Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Light Italic ';"> Intro Cond Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Light Alt ';"> Intro Cond Light Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Light Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Light ';"> Intro Cond Light </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Regular ';"> Intro Cond Regular </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Regular Italic ';"> Intro Cond Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Regular Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Regular Alt ';"> Intro Cond Regular Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Regular Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Regular Oblique ';"> Intro Cond Regular Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Regular Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Medium ';"> Intro Cond Medium </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Medium</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Medium Oblique ';"> Intro Cond Medium Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Medium Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Medium Alt ';"> Intro Cond Medium Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Medium Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Medium Italic ';"> Intro Cond Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Medium Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond SemiBold ';"> Intro Cond SemiBold </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Semi Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond SemiBold Italic ';"> Intro Cond SemiBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Semi Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond SemiBold Alt ';"> Intro Cond SemiBold Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Semi Bold Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond SemiBold Oblique ';"> Intro Cond SemiBold Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Semi Bold Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Bold Italic ';"> Intro Cond Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Bold Alt ';"> Intro Cond Bold Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Bold Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Bold ';"> Intro Cond Bold </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Bold Oblique ';"> Intro Cond Bold Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Bold Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Alt ';"> Intro Cond Black Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Alt</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Oblique ';"> Intro Cond Black Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black ';"> Intro Cond Black </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Italic ';"> Intro Cond Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Inline Oblique ';"> Intro Cond Black Inline Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Inline Oblique</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Inline ';"> Intro Cond Black Inline </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Inline</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Inline Italic ';"> Intro Cond Black Inline Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Inline Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Inline Alt ';"> Intro Cond Black Inline Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Inline Alt</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">$209</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="209" data-product="2388" data-parent="2389" data-parent-name="Intro" data-name="Intro Cond Subfamily" data-variation="2390"> <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: 'Intro Thin '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Thin/Intro-Thin.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Thin Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Thin_Alt/IntroCond-ThinAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Thin '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Thin/IntroCond-Thin.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Thin Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Thin_Oblique/IntroCond-ThinOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Thin Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Thin_Italic/IntroCond-ThinItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Thin Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Thin_Oblique/Intro-ThinOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Thin Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Thin_Italic/Intro-ThinItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Thin Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Thin_Alt/Intro-ThinAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro ExLight Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Ex_Light_Alt/Intro-ExLightAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro ExLight '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Ex_Light/Intro-ExLight.woff2') format('woff2'); }@font-face { font-family: 'Intro ExLight Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Ex_Light_Oblique/Intro-ExLightOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro ExLight Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Ex_Light_Italic/Intro-ExLightItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond ExLight Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Ex_Light_Oblique/IntroCond-ExLightOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond ExLight Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Ex_Light_Alt/IntroCond-ExLightAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond ExLight Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Ex_Light_Italic/IntroCond-ExLightItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond ExLight '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Ex_Light/IntroCond-ExLight.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Light Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Light_Oblique/IntroCond-LightOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Light/Intro-Light.woff2') format('woff2'); }@font-face { font-family: 'Intro Light Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Light_Alt/Intro-LightAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Light_Italic/Intro-LightItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Light Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Light_Oblique/Intro-LightOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Light_Italic/IntroCond-LightItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Light Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Light_Alt/IntroCond-LightAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Light/IntroCond-Light.woff2') format('woff2'); }@font-face { font-family: 'Intro Regular Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Regular_Alt/Intro-RegularAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Regular Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Regular_Oblique/Intro-RegularOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Regular/Intro-Regular.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Regular Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Regular_Oblique/IntroCond-RegularOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Regular Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Regular_Italic/IntroCond-RegularItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Regular/IntroCond-Regular.woff2') format('woff2'); }@font-face { font-family: 'Intro Regular Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Regular_Italic/Intro-RegularItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Regular Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Regular_Alt/IntroCond-RegularAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Medium '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Medium/Intro-Medium.woff2') format('woff2'); }@font-face { font-family: 'Intro Medium Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Medium_Alt/Intro-MediumAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Medium Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Medium_Italic/Intro-MediumItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Medium Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Medium_Oblique/Intro-MediumOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Medium Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Medium_Oblique/IntroCond-MediumOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Medium Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Medium_Alt/IntroCond-MediumAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Medium Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Medium_Italic/IntroCond-MediumItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Medium '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Medium/IntroCond-Medium.woff2') format('woff2'); }@font-face { font-family: 'Intro SemiBold Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Semi_Bold_Alt/Intro-SemiBoldAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond SemiBold Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Semi_Bold_Oblique/IntroCond-SemiBoldOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond SemiBold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Semi_Bold/IntroCond-SemiBold.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond SemiBold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Semi_Bold_Italic/IntroCond-SemiBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond SemiBold Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Semi_Bold_Alt/IntroCond-SemiBoldAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro SemiBold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Semi_Bold_Italic/Intro-SemiBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro SemiBold Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Semi_Bold_Oblique/Intro-SemiBoldOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro SemiBold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Semi_Bold/Intro-SemiBold.woff2') format('woff2'); }@font-face { font-family: 'Intro Bold Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Bold_Alt/Intro-BoldAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Bold_Italic/Intro-BoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Bold Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Bold_Oblique/IntroCond-BoldOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Bold/Intro-Bold.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Bold/IntroCond-Bold.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Bold Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Bold_Alt/IntroCond-BoldAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Bold Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Bold_Oblique/Intro-BoldOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Bold_Italic/IntroCond-BoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Black Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Black_Oblique/IntroCond-BlackOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Black Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Black_Italic/IntroCond-BlackItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Black '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Black/IntroCond-Black.woff2') format('woff2'); }@font-face { font-family: 'Intro Black Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Black_Italic/Intro-BlackItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Black '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Black/Intro-Black.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Black Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Black_Alt/IntroCond-BlackAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Black Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Black_Oblique/Intro-BlackOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Black Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Black_Alt/Intro-BlackAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Black Inline '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Black_Inline/Intro-BlackInline.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Black Inline Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Black_Inline_Oblique/IntroCond-BlackInlineOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Black Inline '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Black_Inline/IntroCond-BlackInline.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Black Inline Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Black_Inline_Italic/IntroCond-BlackInlineItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Cond Black Inline Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro_Cond/Intro_Cond_Black_Inline_Alt/IntroCond-BlackInlineAlt.woff2') format('woff2'); }@font-face { font-family: 'Intro Black Inline Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Black_Inline_Italic/Intro-BlackInlineItalic.woff2') format('woff2'); }@font-face { font-family: 'Intro Black Inline Oblique '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Black_Inline_Oblique/Intro-BlackInlineOblique.woff2') format('woff2'); }@font-face { font-family: 'Intro Black Inline Alt '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Intro/Intro/Intro_Black_Inline_Alt/Intro-BlackInlineAlt.woff2') format('woff2'); }</style> <div class="single-font-weight additional" data-variation-id="2457"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Thin Italic ';"> Intro Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Thin Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Thin Italic" data-variation="2457"> <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="2456"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Thin Oblique ';"> Intro Thin Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Thin Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Thin Oblique" data-variation="2456"> <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="2447"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Thin ';"> Intro Thin </div> <div class="font-info"> <div class="font-meta"> <p>Intro Thin </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Thin" data-variation="2447"> <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="2443"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Thin Alt ';"> Intro Thin Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Thin Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Thin Alt" data-variation="2443"> <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="2429"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro ExLight Italic ';"> Intro ExLight Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro ExLight Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Ex Light Italic" data-variation="2429"> <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="2460"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro ExLight Alt ';"> Intro ExLight Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro ExLight Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Ex Light Alt" data-variation="2460"> <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="2459"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro ExLight ';"> Intro ExLight </div> <div class="font-info"> <div class="font-meta"> <p>Intro ExLight </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Ex Light" data-variation="2459"> <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="2458"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro ExLight Oblique ';"> Intro ExLight Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro ExLight Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Ex Light Oblique" data-variation="2458"> <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="2446"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Light ';"> Intro Light </div> <div class="font-info"> <div class="font-meta"> <p>Intro Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Light" data-variation="2446"> <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="2450"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Light Alt ';"> Intro Light Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Light Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Light Alt" data-variation="2450"> <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="2445"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Light Italic ';"> Intro Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Light Italic" data-variation="2445"> <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="2439"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Light Oblique ';"> Intro Light Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Light Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Light Oblique" data-variation="2439"> <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="2440"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Regular Italic ';"> Intro Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Regular Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Regular Italic" data-variation="2440"> <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="2455"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Regular Alt ';"> Intro Regular Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Regular Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Regular Alt" data-variation="2455"> <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="2453"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Regular Oblique ';"> Intro Regular Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Regular Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Regular Oblique" data-variation="2453"> <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="2451"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Regular ';"> Intro Regular </div> <div class="font-info"> <div class="font-meta"> <p>Intro Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Regular" data-variation="2451"> <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="2437"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Medium Oblique ';"> Intro Medium Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Medium Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Medium Oblique" data-variation="2437"> <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="2449"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Medium ';"> Intro Medium </div> <div class="font-info"> <div class="font-meta"> <p>Intro Medium </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Medium" data-variation="2449"> <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="2442"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Medium Italic ';"> Intro Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Medium Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Medium Italic" data-variation="2442"> <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="2444"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Medium Alt ';"> Intro Medium Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Medium Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Medium Alt" data-variation="2444"> <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="2428"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro SemiBold Italic ';"> Intro SemiBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro SemiBold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Semi Bold Italic" data-variation="2428"> <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="2438"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro SemiBold Alt ';"> Intro SemiBold Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro SemiBold Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Semi Bold Alt" data-variation="2438"> <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="2432"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro SemiBold ';"> Intro SemiBold </div> <div class="font-info"> <div class="font-meta"> <p>Intro SemiBold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Semi Bold" data-variation="2432"> <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="2441"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro SemiBold Oblique ';"> Intro SemiBold Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro SemiBold Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Semi Bold Oblique" data-variation="2441"> <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="2436"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Bold Alt ';"> Intro Bold Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Bold Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Bold Alt" data-variation="2436"> <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="2435"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Bold Italic ';"> Intro Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Bold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Bold Italic" data-variation="2435"> <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="2434"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Bold ';"> Intro Bold </div> <div class="font-info"> <div class="font-meta"> <p>Intro Bold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Bold" data-variation="2434"> <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="2433"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Bold Oblique ';"> Intro Bold Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Bold Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Bold Oblique" data-variation="2433"> <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="2454"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Italic ';"> Intro Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Black Italic" data-variation="2454"> <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="2431"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Oblique ';"> Intro Black Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Black Oblique" data-variation="2431"> <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="2452"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black ';"> Intro Black </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Black" data-variation="2452"> <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="2448"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Alt ';"> Intro Black Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Black Alt" data-variation="2448"> <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="2430"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Inline ';"> Intro Black Inline </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Inline </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Black Inline" data-variation="2430"> <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="2461"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Inline Italic ';"> Intro Black Inline Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Inline Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Black Inline Italic" data-variation="2461"> <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="2462"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Inline Oblique ';"> Intro Black Inline Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Inline Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Black Inline Oblique" data-variation="2462"> <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="2463"> <div class="font-preview-text" data-value="Intro" style=" font-family: 'Intro Black Inline Alt ';"> Intro Black Inline Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Black Inline Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2427" data-parent-name="Intro" data-name="Intro Black Inline Alt" data-variation="2463"> <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="2420"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Thin Italic ';"> Intro Cond Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Thin Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Thin Italic" data-variation="2420"> <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="2419"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Thin Oblique ';"> Intro Cond Thin Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Thin Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Thin Oblique" data-variation="2419"> <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="2412"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Thin Alt ';"> Intro Cond Thin Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Thin Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Thin Alt" data-variation="2412"> <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="2409"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Thin ';"> Intro Cond Thin </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Thin </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Thin" data-variation="2409"> <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="2422"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond ExLight Oblique ';"> Intro Cond ExLight Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond ExLight Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Ex Light Oblique" data-variation="2422"> <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="2421"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond ExLight Alt ';"> Intro Cond ExLight Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond ExLight Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Ex Light Alt" data-variation="2421"> <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="2395"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond ExLight Italic ';"> Intro Cond ExLight Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond ExLight Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Ex Light Italic" data-variation="2395"> <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="2418"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond ExLight ';"> Intro Cond ExLight </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond ExLight </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Ex Light" data-variation="2418"> <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="2392"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Light Oblique ';"> Intro Cond Light Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Light Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Light Oblique" data-variation="2392"> <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="2401"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Light Italic ';"> Intro Cond Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Light Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Light Italic" data-variation="2401"> <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="2396"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Light Alt ';"> Intro Cond Light Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Light Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Light Alt" data-variation="2396"> <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="2394"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Light ';"> Intro Cond Light </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Light" data-variation="2394"> <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="2393"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Regular ';"> Intro Cond Regular </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Regular" data-variation="2393"> <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="2397"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Regular Italic ';"> Intro Cond Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Regular Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Regular Italic" data-variation="2397"> <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="2391"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Regular Alt ';"> Intro Cond Regular Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Regular Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Regular Alt" data-variation="2391"> <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="2406"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Regular Oblique ';"> Intro Cond Regular Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Regular Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Regular Oblique" data-variation="2406"> <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="2408"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Medium ';"> Intro Cond Medium </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Medium </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Medium" data-variation="2408"> <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="2398"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Medium Oblique ';"> Intro Cond Medium Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Medium Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Medium Oblique" data-variation="2398"> <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="2400"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Medium Alt ';"> Intro Cond Medium Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Medium Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Medium Alt" data-variation="2400"> <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="2403"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Medium Italic ';"> Intro Cond Medium Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Medium Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Medium Italic" data-variation="2403"> <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="2411"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond SemiBold ';"> Intro Cond SemiBold </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond SemiBold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Semi Bold" data-variation="2411"> <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="2415"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond SemiBold Italic ';"> Intro Cond SemiBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond SemiBold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Semi Bold Italic" data-variation="2415"> <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="2416"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond SemiBold Alt ';"> Intro Cond SemiBold Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond SemiBold Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Semi Bold Alt" data-variation="2416"> <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="2404"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond SemiBold Oblique ';"> Intro Cond SemiBold Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond SemiBold Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Semi Bold Oblique" data-variation="2404"> <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="2407"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Bold Italic ';"> Intro Cond Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Bold Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Bold Italic" data-variation="2407"> <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="2405"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Bold Alt ';"> Intro Cond Bold Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Bold Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Bold Alt" data-variation="2405"> <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="2413"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Bold ';"> Intro Cond Bold </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Bold </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Bold" data-variation="2413"> <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="2402"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Bold Oblique ';"> Intro Cond Bold Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Bold Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Bold Oblique" data-variation="2402"> <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="2414"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Alt ';"> Intro Cond Black Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Black Alt" data-variation="2414"> <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="2417"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Oblique ';"> Intro Cond Black Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Black Oblique" data-variation="2417"> <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="2410"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black ';"> Intro Cond Black </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Black" data-variation="2410"> <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="2399"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Italic ';"> Intro Cond Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Black Italic" data-variation="2399"> <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="2423"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Inline Oblique ';"> Intro Cond Black Inline Oblique </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Inline Oblique </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Black Inline Oblique" data-variation="2423"> <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="2424"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Inline ';"> Intro Cond Black Inline </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Inline </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Black Inline" data-variation="2424"> <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="2425"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Inline Italic ';"> Intro Cond Black Inline Italic </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Inline Italic </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Black Inline Italic" data-variation="2425"> <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="2426"> <div class="font-preview-text" data-value="Intro Cond" style=" font-family: 'Intro Cond Black Inline Alt ';"> Intro Cond Black Inline Alt </div> <div class="font-info"> <div class="font-meta"> <p>Intro Cond Black Inline Alt </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$47</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="47" data-product="2388" data-parent="2390" data-parent-name="Intro Cond" data-name="Intro Cond Black Inline Alt" data-variation="2426"> <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="299" data-product="2388" data-variation="2389"> 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="Sans" data-primary-id="34" data-second-category="" class="features-about"> <div class="title-row"> <h2>About</h2> </div> <div class="font-about-content"> <div class="content">  <p><a href="https://www.fontfabric.com/">Fontfabric</a> is happy to finally reveal the next big update to the Intro Font Family, featuring some essential upgrades to this classy contemporary sans serif font. In addition to the fully revised weight distributions, the package brings 2 new weights and matching italics, for a total of 8 weights and 72 fonts in it 22 fonts extra!</p>   <p>Intro’s cultivated playfulness was further emphasized by adding some special ingredients, including carefully adjusted Oblique alternatives that fit next to the existing upright ones. All styles are available as Condensed versions, and on top of that, we featured 3 extra inline styles for you to dabble with.</p>   <p>Fontfabric designed the glyph case expanded to cover Extended Latin and Cyrillic with adequate language localization. All OpenType features are rewritten and now allow case-sensitive forms and contextual alternates, as well as plenty of stylistic alternates. The standard numerals set also covers tabular figures and symbols, superiors and inferiors, numerators and denominators, plus fractions.</p>   <p><strong>72 Intro Font Styles (4 FREE)</strong>: <a href="https://www.fontfabric.com/fonts/intro/intro-thin-oblique-font/">Intro Thin Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-thin-italic-font/">Intro Thin Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-thin-font/">Intro Thin</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-thin-alt-font/">Intro Thin Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-semibold-oblique-font/">Intro SemiBold Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-semibold-italic-font/">Intro SemiBold Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-semibold-font/">Intro SemiBold</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-semibold-alt-font/">Intro SemiBold Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-regular-oblique-font/">Intro Regular Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-regular-italic-font/">Intro Regular Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-regular-font/">Intro Regular</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-regular-alt-font/">Intro Regular Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-medium-oblique-font/">Intro Medium Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-medium-italic-font/">Intro Medium Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-medium-font/">Intro Medium</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-medium-alt-font/">Intro Medium Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-light-oblique-font/">Intro Light Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-light-italic-font/">Intro Light Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-light-font/">Intro Light</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-light-alt-font/">Intro Light Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-exlight-oblique-font/">Intro ExLight Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-exlight-italic-font/">Intro ExLight Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-exlight-font/">Intro ExLight</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-exlight-alt-font/">Intro ExLight Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-thin-oblique-font/">Intro Cond Thin Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-thin-italic-font/">Intro Cond Thin Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-thin-font/">Intro Cond Thin</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-thin-alt-font/">Intro Cond Thin Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-semibold-oblique-font/">Intro Cond SemiBold Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-semibold-italic-font/">Intro Cond SemiBold Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-semibold-font/">Intro Cond SemiBold</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-semibold-alt-font/">Intro Cond SemiBold Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-regular-oblique-font/">Intro Cond Regular Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-regular-italic-font/">Intro Cond Regular Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-regular-font/">Intro Cond Regular</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-regular-alt-font/">Intro Cond Regular Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-medium-oblique-font/">Intro Cond Medium Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-medium-italic-font/">Intro Cond Medium Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-medium-font/">Intro Cond Medium</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-medium-alt-font/">Intro Cond Medium Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-light-oblique-font/">Intro Cond Light Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-light-italic-font/">Intro Cond Light Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-light-font/">Intro Cond Light</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-light-alt-font/">Intro Cond Light Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-exlight-oblique-font/">Intro Cond ExLight Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-exlight-italic-font/">Intro Cond ExLight Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-exlight-font/">Intro Cond ExLight</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-exlight-alt-font/">Intro Cond ExLight Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-bold-oblique-font/">Intro Cond Bold Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-bold-italic-font/">Intro Cond Bold Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-bold-font/">Intro Cond Bold</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-bold-alt-font/">Intro Cond Bold Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-black-oblique-font/">Intro Cond Black Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-black-italic-font/">Intro Cond Black Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-black-inline-oblique-font/">Intro Cond Black Inline Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-black-inline-italic-font/">Intro Cond Black Inline Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-black-inline-font/">Intro Cond Black Inline</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-black-inline-alt-font/">Intro Cond Black Inline Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-black-font/">Intro Cond Black</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-cond-black-alt-font/">Intro Cond Black Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-bold-oblique-font/">Intro Bold Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-bold-italic-font/">Intro Bold Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-bold-font/">Intro Bold</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-bold-alt-font/">Intro Bold Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-black-oblique-font/">Intro Black Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-black-italic-font/">Intro Black Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-black-inline-oblique-font/">Intro Black Inline Oblique</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-black-inline-italic-font/">Intro Black Inline Italic</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-black-inline-font/">Intro Black Inline</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-black-inline-alt-font/">Intro Black Inline Alt</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-black-font/">Intro Black</a> ; <a href="https://www.fontfabric.com/fonts/intro/intro-black-alt-font/">Intro Black Alt</a> .</p>   <p>Explore: <a href="https://www.fontfabric.com/font-category/sans/">Sans Serif Fonts</a>, <a href="https://www.fontfabric.com/font-category/display/">Display Fonts</a></p>  </div> <div class="font-meta"> <div class="credits"> <p class="section-title">Credits:</p> <p>Svet Simov</p> </div> <div class="release"> <p class="section-title">Release:</p> <p>Published: Sep 26, 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/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/panton/"> <div class="font-preview-wrapper"> <img width="151" height="35" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%2035'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/43/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Panton</p> <p class="font-prices no-mr-bot">57 font styles from $19</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/mont/"> <div class="font-preview-wrapper"> <img width="126" height="35" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20126%2035'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/57/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Mont</p> <p class="font-prices no-mr-bot">20 font styles from $39</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/chopin/"> <div class="font-preview-wrapper"> <img width="164" height="46" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20164%2046'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/83/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Chopin</p> <p class="font-prices no-mr-bot">20 font styles from $35</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/nexa-rust/"> <div class="font-preview-wrapper"> <img width="330" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%2037'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/48/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Nexa Rust</p> <p class="font-prices no-mr-bot">88 font styles from $19</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/averta/"> <div class="font-preview-wrapper"> <img width="148" height="35" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20148%2035'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/130/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Averta</p> <p class="font-prices no-mr-bot">16 font styles from $20</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: 47, items: [{item_name: 'Intro', item_id: '2388', price: 47, item_category: 'Sans', item_category2: '', item_category3: 'not_applicable', item_variant: 'not_applicable', item_list_name: 'Sans', item_list_id: '34', 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">Intro</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 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' /> <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 src="https://app.zipchat.ai/widget/zipchat.js?id=YVfG4UNHozzUyQpsH9sd" id="zipchat-widget-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 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

Intro - Download Full Font Family at Fontfabric™