Panton - 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>Panton - 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/Panton.png" imagesrcset="https://www.fontfabric.com/wp-content/uploads/2024/10/Panton.png 2800w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-300x150.png 300w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-1024x512.png 1024w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-768x384.png 768w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-1536x768.png 1536w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-2048x1024.png 2048w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-360x180.png 360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-720x360.png 720w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-670x335.png 670w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-1360x680.png 1360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-375x188.png 375w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-1920x960.png 1920w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-600x300.png 600w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-740x370.png 740w" imagesizes="(max-width: 2800px) 100vw, 2800px" fetchpriority="high"> <meta name="description" content="Panton is a modern & elegant sans-serif typeface characterized by excellent legibility in both web and print design. Download a free trial at Fontfabric today." /> <link rel="canonical" href="https://www.fontfabric.com/fonts/panton/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Panton - Download Full Font Family at Fontfabric™" /> <meta property="og:description" content="Panton is a modern & elegant sans-serif typeface characterized by excellent legibility in both web and print design. Download a free trial at Fontfabric today." /> <meta property="og:url" content="https://www.fontfabric.com/fonts/panton/" /> <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-13T12:02:10+00:00" /> <meta property="og:image" content="https://www.fontfabric.com/wp-content/uploads/2024/10/Panton.png" /> <meta property="og:image:width" content="2800" /> <meta property="og:image:height" content="1400" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@fontfabric" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="2 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.fontfabric.com/fonts/panton/","url":"https://www.fontfabric.com/fonts/panton/","name":"Panton - Download Full Font Family at Fontfabric™","isPartOf":{"@id":"https://www.fontfabric.com/#website"},"primaryImageOfPage":{"@id":"https://www.fontfabric.com/fonts/panton/#primaryimage"},"image":{"@id":"https://www.fontfabric.com/fonts/panton/#primaryimage"},"thumbnailUrl":"https://www.fontfabric.com/wp-content/uploads/2024/10/Panton.png","datePublished":"2018-05-10T12:00:26+00:00","dateModified":"2025-02-13T12:02:10+00:00","description":"Panton is a modern & elegant sans-serif typeface characterized by excellent legibility in both web and print design. Download a free trial at Fontfabric today.","breadcrumb":{"@id":"https://www.fontfabric.com/fonts/panton/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.fontfabric.com/fonts/panton/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.fontfabric.com/fonts/panton/#primaryimage","url":"https://www.fontfabric.com/wp-content/uploads/2024/10/Panton.png","contentUrl":"https://www.fontfabric.com/wp-content/uploads/2024/10/Panton.png","width":2800,"height":1400},{"@type":"BreadcrumbList","@id":"https://www.fontfabric.com/fonts/panton/#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":"Panton"}]},{"@type":"WebSite","@id":"https://www.fontfabric.com/#website","url":"https://www.fontfabric.com/","name":"Fontfabric™","description":"","publisher":{"@id":"https://www.fontfabric.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.fontfabric.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.fontfabric.com/#organization","name":"Fontfabric","url":"https://www.fontfabric.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.fontfabric.com/#/schema/logo/image/","url":"https://www.fontfabric.com/wp-content/uploads/2024/08/logo-for-invoice1.png","contentUrl":"https://www.fontfabric.com/wp-content/uploads/2024/08/logo-for-invoice1.png","width":584,"height":500,"caption":"Fontfabric"},"image":{"@id":"https://www.fontfabric.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/Fontfabric/","https://x.com/fontfabric","https://instagram.com/fontfabric","https://www.linkedin.com/company/fontfabric-type-foundry/"]}]}</script>  <link rel='dns-prefetch' href='//player.vimeo.com' /> <link data-minify="1" rel='stylesheet' id='wc-blocks-integration-css' href='https://www.fontfabric.com/wp-content/cache/min/1/wp-content/plugins/woocommerce-subscriptions/vendor/woocommerce/subscriptions-core/build/index.css?ver=1742384850' 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=1742384850' 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=1742487119' 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=1742487119' 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=1742384850&wpr_t=1742487119' 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=1742384850' 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=1742384853&wpr_t=1742487119' 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-744cdf80-9c54-4422-9b40-2ab258b7aead) 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":"999b3b70cd"}; 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=1742384853" 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/2711" /><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=2711' /> <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%2Fpanton%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%2Fpanton%2F&format=xml" /> <style id="wcc-style-inline">[data-tag]{visibility:hidden;}</style>    <script data-cfasync="false" data-pagespeed-no-defer type="text/javascript"> var dataLayer_content = {"visitorLoginState":"logged-out"}; dataLayer.push( dataLayer_content ); </script> <script data-cfasync="false"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NZKKL5MT'); </script>  <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <link rel="icon" href="https://www.fontfabric.com/wp-content/uploads/2024/08/favicon-1-1.png" sizes="32x32" /> <link rel="icon" href="https://www.fontfabric.com/wp-content/uploads/2024/08/favicon-1-1.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.fontfabric.com/wp-content/uploads/2024/08/favicon-1-1.png" /> <meta name="msapplication-TileImage" content="https://www.fontfabric.com/wp-content/uploads/2024/08/favicon-1-1.png" /> <style id="wp-custom-css"> body .wcc-consent-container .wcc-consent-bar { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; border-radius: 20px; padding: 20px; } body .wcc-modal.wcc-modal-open, body .wcc-preference-center { border-radius: 20px; } body .wcc-consent-bar .wcc-btn { border-radius: 1rem; } body .wcc-modal .wcc-btn { border-radius: 1rem; } </style> <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style> <noscript> <style id="wpr-lazyload-bg-nostyle">button.pswp__button{--wpr-bg-68126369-aa63-4f4b-af11-9a994e94f20b: 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-b353ddb5-74b5-43bc-9011-2cc41a237c17: 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-cd8230db-b3be-42a9-b79e-445297efc668: 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-d3a8dd12-3b24-4609-91da-29114d9d41ed: url('https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg');}.ff-register-left:after{--wpr-bg-10d89830-8751-416e-b6b1-85cc324edade: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/astronaut.png');}.recent-font-block .navigation-arrow:after{--wpr-bg-a00d25ac-5e87-4e64-8add-230130e356e3: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/chevron-right.svg');}.check-icon:before{--wpr-bg-5547a828-a150-420a-9ec8-7dccdac5e87c: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/check-icon.svg');}.redx-icon:before{--wpr-bg-18469cc7-8baf-43a9-9a4a-c8c7490565e3: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/redx-icon.svg');}ul.hearth-bullets li:before{--wpr-bg-96592a45-f4a7-48b3-8755-336475118d2f: url('https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/check-heart.svg');}.is-style-arrow-right a::after{--wpr-bg-27558943-6c91-4f62-a5cb-34f020d0fa80: 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-949f5000-cb69-4fff-9375-29314ed641be: 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-f03ebd3d-942d-40e8-bf07-3c13495099e7: 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-3edcda99-83ae-490d-8bae-264759daa007: 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-203cd06e-97c0-4f5a-8a5f-f675b9c0b0ac: 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-b1c4722e-d8ca-4410-990b-a8ac544d45f3: 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-f0271936-7a1e-435d-b680-5716cf0d08cb: 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-dd7544b1-d8db-4806-b58e-e2027c32e294: 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-274a9e31-1951-4d12-b4da-acc360ec34f5: 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-cca70823-3daa-4272-bfc4-d47f4a803e66: url('https://www.gstatic.com/instantbuy/svg/light_gpay.svg');}.gpay-button.short.dark{--wpr-bg-b7910c3b-818f-4935-8a84-a9b87fe8023e: url('https://www.gstatic.com/instantbuy/svg/dark_gpay.svg');}.rll-youtube-player .play{--wpr-bg-744cdf80-9c54-4422-9b40-2ab258b7aead: 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-68126369-aa63-4f4b-af11-9a994e94f20b: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png');}","hash":"68126369-aa63-4f4b-af11-9a994e94f20b","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-b353ddb5-74b5-43bc-9011-2cc41a237c17: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.png');}","hash":"b353ddb5-74b5-43bc-9011-2cc41a237c17","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-cd8230db-b3be-42a9-b79e-445297efc668: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/preloader.gif');}","hash":"cd8230db-b3be-42a9-b79e-445297efc668","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-d3a8dd12-3b24-4609-91da-29114d9d41ed: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce\/assets\/css\/photoswipe\/default-skin\/default-skin.svg');}","hash":"d3a8dd12-3b24-4609-91da-29114d9d41ed","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-10d89830-8751-416e-b6b1-85cc324edade: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/images\/astronaut.png');}","hash":"10d89830-8751-416e-b6b1-85cc324edade","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-a00d25ac-5e87-4e64-8add-230130e356e3: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/chevron-right.svg');}","hash":"a00d25ac-5e87-4e64-8add-230130e356e3","url":"https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/chevron-right.svg"},{"selector":".check-icon","style":".check-icon:before{--wpr-bg-5547a828-a150-420a-9ec8-7dccdac5e87c: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/check-icon.svg');}","hash":"5547a828-a150-420a-9ec8-7dccdac5e87c","url":"https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/check-icon.svg"},{"selector":".redx-icon","style":".redx-icon:before{--wpr-bg-18469cc7-8baf-43a9-9a4a-c8c7490565e3: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/redx-icon.svg');}","hash":"18469cc7-8baf-43a9-9a4a-c8c7490565e3","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-96592a45-f4a7-48b3-8755-336475118d2f: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/check-heart.svg');}","hash":"96592a45-f4a7-48b3-8755-336475118d2f","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-27558943-6c91-4f62-a5cb-34f020d0fa80: url('https:\/\/www.fontfabric.com\/wp-content\/themes\/fontfabric\/assets\/icons\/arrow-right.svg');}","hash":"27558943-6c91-4f62-a5cb-34f020d0fa80","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-949f5000-cb69-4fff-9375-29314ed641be: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/credit-card.svg');}","hash":"949f5000-cb69-4fff-9375-29314ed641be","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-f03ebd3d-942d-40e8-bf07-3c13495099e7: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/visa.svg');}","hash":"f03ebd3d-942d-40e8-bf07-3c13495099e7","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-3edcda99-83ae-490d-8bae-264759daa007: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/amex.svg');}","hash":"3edcda99-83ae-490d-8bae-264759daa007","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-203cd06e-97c0-4f5a-8a5f-f675b9c0b0ac: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/diners.svg');}","hash":"203cd06e-97c0-4f5a-8a5f-f675b9c0b0ac","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-b1c4722e-d8ca-4410-990b-a8ac544d45f3: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/discover.svg');}","hash":"b1c4722e-d8ca-4410-990b-a8ac544d45f3","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-f0271936-7a1e-435d-b680-5716cf0d08cb: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/jcb.svg');}","hash":"f0271936-7a1e-435d-b680-5716cf0d08cb","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-dd7544b1-d8db-4806-b58e-e2027c32e294: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/maestro.svg');}","hash":"dd7544b1-d8db-4806-b58e-e2027c32e294","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-274a9e31-1951-4d12-b4da-acc360ec34f5: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/woocommerce-gateway-stripe\/assets\/images\/mastercard.svg');}","hash":"274a9e31-1951-4d12-b4da-acc360ec34f5","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-cca70823-3daa-4272-bfc4-d47f4a803e66: url('https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg');}","hash":"cca70823-3daa-4272-bfc4-d47f4a803e66","url":"https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg"},{"selector":".gpay-button.short.dark","style":".gpay-button.short.dark{--wpr-bg-b7910c3b-818f-4935-8a84-a9b87fe8023e: url('https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg');}","hash":"b7910c3b-818f-4935-8a84-a9b87fe8023e","url":"https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-744cdf80-9c54-4422-9b40-2ab258b7aead: url('https:\/\/www.fontfabric.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"744cdf80-9c54-4422-9b40-2ab258b7aead","url":"https:\/\/www.fontfabric.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script><meta name="generator" content="WP Rocket 3.17.3.1" data-wpr-features="wpr_lazyload_css_bg_img wpr_minify_js wpr_preload_fonts wpr_lazyload_images wpr_lazyload_iframes wpr_automatic_lazy_rendering wpr_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-2711 wp-embed-responsive enabled_top_bar theme-fontfabric woocommerce woocommerce-page woocommerce-no-js woocommerce-active">   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZKKL5MT" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content"> Skip to content </a> <div class="menu-overlay"></div> <div class="side-panel-navigation overlay hide-scroll light"> <div class="close-button-row"> <div class="close-panel-button"> <img width="20" height="20" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E" alt="close-sidepanel" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-arrow-left.svg"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="close-sidepanel" class="mobile-only" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg"> </div> <figure class="logo-container"> <a href="https://www.fontfabric.com/" title="Fontfabric™" rel="home"> <img width="129" height="21" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20129%2021'%3E%3C/svg%3E" alt="Fontfabric™ Logo" class="black" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/fontfabric-black.svg"> </a> <figcaption class="visually-hidden">Fontfabric™ - </figcaption> </figure> <div class="account-button"> <a data-micromodal-trigger="modal-login" href="#" class="close-panel-button"><img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" alt="user-icon" class="mobile-only" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-user.svg"></a> </div> </div> <div class="search-box light" > <div class="input-wrapper"> <img width="20" height="20" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-search-gray.svg"> <input type="text" class="search-input" placeholder="Search by font name, category or usage" autocomplete="off"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="clear-search " data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg"> </div> <div class="search-results-container search-results hide-scroll"></div> </div> <div class="menu"> <div class="menu-main-menu-side-mobile-container"><ul id="menu-main-menu-side-mobile" class="menu"><li id="menu-item-889" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-889"><a href="https://www.fontfabric.com/">Home</a></li> <li id="menu-item-890" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-890"><a href="/fonts/">Browse Fonts</a></li> <li id="menu-item-1146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1146"><a href="https://www.fontfabric.com/custom/">Custom</a></li> <li id="menu-item-893" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-893"><a href="https://www.fontfabric.com/typography-services/">Services</a></li> <li id="menu-item-5693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5693"><a href="https://www.fontfabric.com/partnerships/">Partnerships</a></li> <li id="menu-item-892" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-892"><a href="https://www.fontfabric.com/fonts-in-use/">Fonts in use</a></li> <li id="menu-item-896" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-896"><a href="https://www.fontfabric.com/about/">About</a></li> <li id="menu-item-1660" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1660"><a href="https://www.fontfabric.com/help/">Help</a></li> <li id="menu-item-897" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-897"><a href="https://www.fontfabric.com/blog/">Blog</a></li> </ul></div> </div> <div class="menu-social-icons"> <p class="label has-m-font-size">Follow us online</p> <div class="social-icons"> <a aria-label="Follow us online" href="https://www.facebook.com/Fontfabric/"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M22.605 0H.983A.983.983 0 0 0 0 .983v21.622c0 .542.44.982.983.982h11.548v-8.845H9.582v-3.685h2.949V8.108c0-3.046 1.929-4.546 4.646-4.546 1.302 0 2.421.098 2.747.14v3.185h-1.885c-1.478 0-1.823.703-1.823 1.733v2.437h3.686l-.737 3.685h-2.949l.06 8.845h6.329c.542 0 .982-.44.982-.982V.983A.983.983 0 0 0 22.605 0" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a aria-label="Follow us online" href="https://twitter.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="26" viewBox="0 0 24 20"><path d="M23.587 2.269c-.867.385-1.8.645-2.78.762 1-.6 1.767-1.547 2.129-2.677a9.705 9.705 0 0 1-3.073 1.174A4.833 4.833 0 0 0 16.33 0a4.839 4.839 0 0 0-4.713 5.942A13.739 13.739 0 0 1 1.642.885a4.82 4.82 0 0 0-.655 2.433c0 1.679.854 3.16 2.152 4.028A4.814 4.814 0 0 1 .948 6.74v.061c0 2.345 1.667 4.3 3.881 4.745a4.848 4.848 0 0 1-2.185.083 4.844 4.844 0 0 0 4.52 3.36 9.71 9.71 0 0 1-6.01 2.072c-.39 0-.775-.023-1.154-.067a13.7 13.7 0 0 0 7.418 2.173c8.901 0 13.768-7.374 13.768-13.768 0-.21-.004-.419-.014-.627a9.814 9.814 0 0 0 2.415-2.504" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a aria-label="Follow us online" href="https://www.instagram.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M20.639 21.376H2.949a.737.737 0 0 1-.738-.737V9.582H5.16c-.384.553-.514 1.584-.514 2.239 0 3.947 3.219 7.159 7.175 7.159 3.957 0 7.176-3.212 7.176-7.16 0-.654-.093-1.67-.57-2.238h2.949V20.64c0 .407-.33.737-.737.737M11.82 7.296a4.53 4.53 0 0 1 4.536 4.525 4.53 4.53 0 0 1-4.536 4.526 4.53 4.53 0 0 1-4.535-4.526 4.53 4.53 0 0 1 4.535-4.525m5.87-4.348h2.21c.408 0 .738.33.738.738v2.21c0 .408-.33.738-.737.738H17.69a.737.737 0 0 1-.737-.737V3.686c0-.407.33-.738.737-.738M20.783 0H2.803A2.8 2.8 0 0 0 0 2.797V20.79a2.8 2.8 0 0 0 2.804 2.797h17.98a2.8 2.8 0 0 0 2.803-2.797V2.797A2.8 2.8 0 0 0 20.783 0" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a aria-label="Follow us online" href="https://www.behance.net/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" viewBox="0 0 24 16"><g fill="#FFF" fill-rule="evenodd"><path d="M7.416 12.029H3.355v-3.91h4.257s1.542-.02 1.542 2.01c0 1.691-1.128 1.883-1.738 1.9zM3.355 2.6h4.257s1.035 0 1.035 1.522-.609 1.742-1.299 1.742H3.355V2.6zM9.52 6.68s2.232-.166 2.232-2.783C11.752 1.277 9.926 0 7.612 0H0v14.629h7.612s4.647.146 4.647-4.318c0 0 .203-3.632-2.74-3.632zM20.913 8.398h-4.805s.315-2.255 2.574-2.255c2.26 0 2.231 2.255 2.231 2.255M18.625 4c-5.625 0-5.62 5.62-5.62 5.62s-.386 5.592 5.62 5.592c0 0 5.006.286 5.006-3.89h-2.575s.087 1.573-2.345 1.573c0 0-2.574.173-2.574-2.545h7.58S24.546 4 18.625 4M21.035 1H15v1.474h6.035z"></path></g></svg> </a> <a aria-label="Follow us online" href="https://dribbble.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M19.591 5.438c-.212.288-1.9 2.452-5.624 3.973a30.25 30.25 0 0 1 .885 1.978c3.351-.42 6.682.254 7.014.324a10.028 10.028 0 0 0-2.275-6.275M9.433 2.015a53.858 53.858 0 0 1 3.759 5.897c3.582-1.342 5.098-3.38 5.28-3.638a10.03 10.03 0 0 0-6.678-2.539c-.813 0-1.604.097-2.36.28m-7.5 7.73c.45.006 4.6.025 9.312-1.227A64.286 64.286 0 0 0 7.51 2.692a10.111 10.111 0 0 0-5.578 7.053m2.377 8.799c.228-.39 2.992-4.968 8.188-6.647.131-.043.264-.083.397-.12a33.453 33.453 0 0 0-.817-1.71c-5.03 1.505-9.912 1.443-10.352 1.434a10.033 10.033 0 0 0 2.584 7.043m11.419 2.538c-.15-.884-.735-3.964-2.15-7.64l-.066.023c-5.681 1.98-7.72 5.92-7.902 6.29a10.022 10.022 0 0 0 6.183 2.127 10.02 10.02 0 0 0 3.935-.8m6.011-7.674c-.345-.11-3.118-.936-6.275-.431 1.318 3.62 1.854 6.57 1.957 7.182a10.09 10.09 0 0 0 4.318-6.751m-9.946 10.18C5.29 23.587 0 18.295 0 11.793 0 5.29 5.29 0 11.794 0c6.503 0 11.793 5.29 11.793 11.794 0 6.502-5.29 11.793-11.793 11.793" fill="#FFF" fill-rule="evenodd"></path></svg> </a> </div> </div> </div> <header class="site-header" role="banner" id="masthead"> <div class="top-bar" style="background-color: ;"> <div class="header-container"> <div> <p> <span class="marquee"> <span class="st">Check our latest release Nexa Round <span class="highlight">50% off</span></span> <span class="st st2" aria-hidden="true">Check our latest release Nexa Round <span class="highlight">50% off</span></span> </span> </p> <a class="tb-btn" href="https://www.fontfabric.com/fonts/nexa-round/"> View font </a> </div> </div> </div> <div class="header-wrap "> <div class="header-container"> <button aria-label="Main Menu" class="mobile-menu-icon" type="button"> <div class="hamburger"> <span></span> <span></span> <span></span> </div> </button> <div class="menu-scroll-container"> </div> <div class="menu-header-bar-container"> <ul id="menu-main-menu-top-bar" class="main-menu-top header-menu"><li id="menu-item-145" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-145"><a href="/fonts/">Browse Fonts</a></li> <li id="menu-item-1147" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1147"><a href="https://www.fontfabric.com/custom/">Custom</a></li> <li id="menu-item-1714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1714"><a href="https://www.fontfabric.com/typography-services/">Services</a></li> <li id="menu-item-2370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2370"><a href="https://www.fontfabric.com/help/licensing/">Licensing</a></li> </ul> </div> <figure class="logo-container"> <a href="https://www.fontfabric.com/" title="Fontfabric™" rel="home"> <img width="129" height="21" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20129%2021'%3E%3C/svg%3E" alt="Fontfabric™ Logo" class="black" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/fontfabric-black.svg"> <img width="129" height="21" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20129%2021'%3E%3C/svg%3E" alt="Fontfabric™ Logo" class="white" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/images/fontfabric-white.svg"> </a> <figcaption class="visually-hidden">Fontfabric™ - </figcaption> </figure> <div class="menu-right-container"> <ul class="menu-right header-menu"> <li> <div class="search-box light" id='right-search-box'> <div class="input-wrapper"> <img width="20" height="20" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-search-gray.svg"> <input type="text" class="search-input" placeholder="Search by font name, category or usage" autocomplete="off"> <img width="24" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="clear-search collapse-search" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-x-close.svg"> </div> <div class="search-results-container search-results hide-scroll"></div> </div> <button class="expand-search" aria-label="Search Icon"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="search icon" data-lazy-src="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/ff-search-gray.svg"></button> </li> <li class="vertical-separator"></li> <li> <a data-micromodal-trigger="modal-login" href="#"> Login </a> </li> <li id="ff_cart_count"> <a href="https://www.fontfabric.com/checkout/"> Cart </a> </li> </ul> </div>  <a href="/checkout/" class="mobile-cart-icon hide-xs"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g id="Component 1"><path id="Icon" d="M2 2H3.30616C3.55218 2 3.67519 2 3.77418 2.04524C3.86142 2.08511 3.93535 2.14922 3.98715 2.22995C4.04593 2.32154 4.06333 2.44332 4.09812 2.68686L4.57143 6M4.57143 6L5.62332 13.7314C5.75681 14.7125 5.82355 15.2031 6.0581 15.5723C6.26478 15.8977 6.56108 16.1564 6.91135 16.3174C7.30886 16.5 7.80394 16.5 8.79411 16.5H17.352C18.2945 16.5 18.7658 16.5 19.151 16.3304C19.4905 16.1809 19.7818 15.9398 19.9923 15.6342C20.2309 15.2876 20.3191 14.8247 20.4955 13.8988L21.8191 6.94969C21.8812 6.62381 21.9122 6.46087 21.8672 6.3335C21.8278 6.22177 21.7499 6.12768 21.6475 6.06802C21.5308 6 21.365 6 21.0332 6H4.57143ZM10 21C10 21.5523 9.55228 22 9 22C8.44772 22 8 21.5523 8 21C8 20.4477 8.44772 20 9 20C9.55228 20 10 20.4477 10 21ZM18 21C18 21.5523 17.5523 22 17 22C16.4477 22 16 21.5523 16 21C16 20.4477 16.4477 20 17 20C17.5523 20 18 20.4477 18 21Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg> </a>  <div class="modal micromodal-slide" id="modal-login" aria-hidden="true"> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-login-title"> <div id="ff_login_modal"> <header class="modal__header"> <h2>Welcome back</h2> <span class="modal__close" aria-label="Close modal" data-micromodal-close></span> </header> <main class="modal__content" id="modal-login-content"> <div class="woocommerce-notices-wrapper"></div> <form id="ff_login_modal" class="woocommerce-form woocommerce-form-login login" method="post"> <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" placeholder="Your email" autocomplete="username" value="" /> </p> <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide"> <input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" placeholder="Password" autocomplete="current-password" /> </p> <p class="woocommerce-form-row form-row"> <div class="between-group"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever"> <label class="small" for="rememberme">Remember me</label> </div> <a class="ff-trigger-forgot" href="#">Forgot password?</a> </div> </p> <input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="2cd4a819d6" /><input type="hidden" name="_wp_http_referer" value="/fonts/panton/" /> <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="6ad6eaffeb" /><input type="hidden" name="_wp_http_referer" value="/fonts/panton/" /> </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-2711" class="product type-product post-2711 status-publish first instock product_cat-display product_cat-sans has-post-thumbnail taxable shipping-taxable purchasable product-type-variable-subscription"> <section class="ff-single-font-hero"><img width="2800" height="1400" src="https://www.fontfabric.com/wp-content/uploads/2024/10/Panton.png" class="attachment-full size-full" alt="" decoding="async" fetchpriority="high" srcset="https://www.fontfabric.com/wp-content/uploads/2024/10/Panton.png 2800w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-300x150.png 300w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-1024x512.png 1024w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-768x384.png 768w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-1536x768.png 1536w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-2048x1024.png 2048w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-360x180.png 360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-720x360.png 720w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-670x335.png 670w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-1360x680.png 1360w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-375x188.png 375w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-1920x960.png 1920w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-600x300.png 600w, https://www.fontfabric.com/wp-content/uploads/2024/10/Panton-740x370.png 740w" sizes="(max-width: 2800px) 100vw, 2800px" /><h1 class="ff-hero-title" style="color: #ffffff;">Panton type system of 54 fonts • 8 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="43"> <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/panton/" class="active">Buying Options</a> <a href="https://www.fontfabric.com/fonts/panton/font-tester/" class="">Font Tester</a> <a href="https://www.fontfabric.com/fonts/panton/features/" class="">Features</a> <a href="https://www.fontfabric.com/fonts/panton/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="2711" data-variation="2712"> Buy Panton </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="Panton" style=" font-family: 'Panton Bold ';">Panton</div> <div class="font-info"> <div class="font-meta"> <p>Panton - 54 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="2711" data-parent="false" data-parent-name="false" data-name="Panton Complete Family" data-variation="2712"> <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="2711" data-parent="false" data-parent-name="false" data-name="Panton Complete Family" data-variation="2712"> <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="Panton Narrow" style=" font-family: 'Panton Narrow Bold ';"> Panton Narrow </div> <div class="font-info"> <div class="font-meta"> <p> Panton Narrow - 18 font styles </p> <span class="expand-collapse expand">Expand All</span> <span class="expand-collapse collapse">Collapse</span> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$179</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="179" data-product="2711" data-parent="2712" data-parent-name="Panton" data-name="Panton Narrow Subfamily" data-variation="2730"> <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="Panton Narrow" style=" font-family: 'Panton Narrow Thin ';"> Panton Narrow Thin </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Thin</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Thin Italic ';"> Panton Narrow Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Thin Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow ExtraLight Italic ';"> Panton Narrow ExtraLight Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Extra Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow ExtraLight ';"> Panton Narrow ExtraLight </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Extra Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Light Italic ';"> Panton Narrow Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Light ';"> Panton Narrow Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Regular Italic ';"> Panton Narrow Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Regular Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Regular ';"> Panton Narrow Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow SemiBold Italic ';"> Panton Narrow SemiBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Semi Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow SemiBold ';"> Panton Narrow SemiBold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Semi Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Bold ';"> Panton Narrow Bold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Bold Italic ';"> Panton Narrow Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow ExtraBold ';"> Panton Narrow ExtraBold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Extra Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow ExtraBold Italic ';"> Panton Narrow ExtraBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Extra Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Black ';"> Panton Narrow Black </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Black</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Black Italic ';"> Panton Narrow Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Black Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Heavy ';"> Panton Narrow Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Heavy</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Heavy Italic ';"> Panton Narrow Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Heavy Italic</p> </div> </div> </div> <div class="single-font-weight additional buy-row"> <div class="font-info"> <div class="font-price"> <div class="prices"> <div class="regular-price only">$179</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="179" data-product="2711" data-parent="2712" data-parent-name="Panton" data-name="Panton Narrow Subfamily" data-variation="2730"> <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="Panton" style=" font-family: 'Panton Bold ';"> Panton </div> <div class="font-info"> <div class="font-meta"> <p> Panton - 20 font styles </p> <span class="expand-collapse expand">Expand All</span> <span class="expand-collapse collapse">Collapse</span> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$179</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="179" data-product="2711" data-parent="2712" data-parent-name="Panton" data-name="Panton Subfamily" data-variation="2749"> <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="Panton" style=" font-family: 'Panton Thin Italic ';"> Panton Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Thin Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Thin ';"> Panton Thin </div> <div class="font-info"> <div class="font-meta"> <p>Panton Thin</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton ExtraLight Italic ';"> Panton ExtraLight Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Extra Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton ExtraLight ';"> Panton ExtraLight </div> <div class="font-info"> <div class="font-meta"> <p>Panton Extra Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Light Italic ';"> Panton Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Light Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Light ';"> Panton Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Regular Italic ';"> Panton Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Regular Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Regular ';"> Panton Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton SemiBold Italic ';"> Panton SemiBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Semi Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton SemiBold ';"> Panton SemiBold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Semi Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Bold ';"> Panton Bold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Bold Italic ';"> Panton Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton ExtraBold ';"> Panton ExtraBold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Extra Bold</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton ExtraBold Italic ';"> Panton ExtraBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Extra Bold Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Black Italic ';"> Panton Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Black Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Black ';"> Panton Black </div> <div class="font-info"> <div class="font-meta"> <p>Panton Black</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Heavy ';"> Panton Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Panton Heavy</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Heavy Italic ';"> Panton Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Heavy Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Fat Italic ';"> Panton Fat Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Fat Italic</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Fat ';"> Panton Fat </div> <div class="font-info"> <div class="font-meta"> <p>Panton Fat</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">$179</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="179" data-product="2711" data-parent="2712" data-parent-name="Panton" data-name="Panton Subfamily" data-variation="2749"> <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="Panton Icons" style=" font-family: 'Panton Icons B Regular ';"> Panton Icons </div> <div class="font-info"> <div class="font-meta"> <p> Panton Icons - 16 font styles </p> <span class="expand-collapse expand">Expand All</span> <span class="expand-collapse collapse">Collapse</span> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$179</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="179" data-product="2711" data-parent="2712" data-parent-name="Panton" data-name="Panton Icons Subfamily" data-variation="2713"> <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="Panton Icons" style=" font-family: 'Panton Icons D Fill Light ';"> Panton Icons D Fill Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons D Fill Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons B Fill Regular ';"> Panton Icons B Fill Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons B Fill Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons B Regular ';"> Panton Icons B Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons B Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons D Light ';"> Panton Icons D Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons D Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons B Fill Light ';"> Panton Icons B Fill Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons B Fill Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons A Fill Regular ';"> Panton Icons A Fill Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons A Fill Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons D Regular ';"> Panton Icons D Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons D Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons D Fill Regular ';"> Panton Icons D Fill Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons D Fill Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons A Fill Light ';"> Panton Icons A Fill Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons A Fill Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons B Light ';"> Panton Icons B Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons B Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons A Light ';"> Panton Icons A Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons A Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons C Regular ';"> Panton Icons C Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons C Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons C Fill Light ';"> Panton Icons C Fill Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons C Fill Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons A Regular ';"> Panton Icons A Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons A Regular</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons C Light ';"> Panton Icons C Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons C Light</p> </div> </div> </div> <div class="single-font-weight additional"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons C Fill Regular ';"> Panton Icons C Fill Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons C Fill Regular</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">$179</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="179" data-product="2711" data-parent="2712" data-parent-name="Panton" data-name="Panton Icons Subfamily" data-variation="2713"> <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: 'Panton Icons D Fill Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_D_Fill_Light/PantonIcons-DFillLight.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Thin '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Thin/PantonNarrow-Thin.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Thin Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Thin_Italic/PantonNarrow-ThinItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons B Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_B_Light/PantonIcons-BLight.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons A Fill Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_A_Fill_Light/PantonIcons-AFillLight.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons D Fill Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_D_Fill_Regular/PantonIcons-DFillRegular.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons D Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_D_Regular/PantonIcons-DRegular.woff2') format('woff2'); }@font-face { font-family: 'Panton Thin '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Thin/Panton-Thin.woff2') format('woff2'); }@font-face { font-family: 'Panton Thin Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Thin_Italic/Panton-ThinItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons A Fill Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_A_Fill_Regular/PantonIcons-AFillRegular.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons B Fill Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_B_Fill_Light/PantonIcons-BFillLight.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons D Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_D_Light/PantonIcons-DLight.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons B Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_B_Regular/PantonIcons-BRegular.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons B Fill Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_B_Fill_Regular/PantonIcons-BFillRegular.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow ExtraLight '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Extra_Light/PantonNarrow-ExtraLight.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow ExtraLight Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Extra_Light_Italic/PantonNarrow-ExtraLightItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton ExtraLight '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Extra_Light/Panton-ExtraLight.woff2') format('woff2'); }@font-face { font-family: 'Panton ExtraLight Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Extra_Light_Italic/Panton-ExtraLightItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons A Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_A_Light/PantonIcons-ALight.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Light/PantonNarrow-Light.woff2') format('woff2'); }@font-face { font-family: 'Panton Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Light/Panton-Light.woff2') format('woff2'); }@font-face { font-family: 'Panton Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Light_Italic/Panton-LightItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Light Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Light_Italic/PantonNarrow-LightItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons C Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_C_Regular/PantonIcons-CRegular.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons C Fill Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_C_Fill_Regular/PantonIcons-CFillRegular.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons C Fill Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_C_Fill_Light/PantonIcons-CFillLight.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons A Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_A_Regular/PantonIcons-ARegular.woff2') format('woff2'); }@font-face { font-family: 'Panton Icons C Light '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Icons/Panton_Icons_C_Light/PantonIcons-CLight.woff2') format('woff2'); }@font-face { font-family: 'Panton Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Regular/Panton-Regular.woff2') format('woff2'); }@font-face { font-family: 'Panton Regular Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Regular_Italic/Panton-RegularItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Regular '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Regular/PantonNarrow-Regular.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Regular Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Regular_Italic/PantonNarrow-RegularItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow SemiBold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Semi_Bold_Italic/PantonNarrow-SemiBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton SemiBold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Semi_Bold/Panton-SemiBold.woff2') format('woff2'); }@font-face { font-family: 'Panton SemiBold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Semi_Bold_Italic/Panton-SemiBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow SemiBold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Semi_Bold/PantonNarrow-SemiBold.woff2') format('woff2'); }@font-face { font-family: 'Panton Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Bold_Italic/Panton-BoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Bold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Bold_Italic/PantonNarrow-BoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Bold/Panton-Bold.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Bold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Bold/PantonNarrow-Bold.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow ExtraBold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Extra_Bold/PantonNarrow-ExtraBold.woff2') format('woff2'); }@font-face { font-family: 'Panton ExtraBold '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Extra_Bold/Panton-ExtraBold.woff2') format('woff2'); }@font-face { font-family: 'Panton ExtraBold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Extra_Bold_Italic/Panton-ExtraBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow ExtraBold Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Extra_Bold_Italic/PantonNarrow-ExtraBoldItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Black Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Black_Italic/Panton-BlackItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Black Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Black_Italic/PantonNarrow-BlackItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Black '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Black/Panton-Black.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Black '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Black/PantonNarrow-Black.woff2') format('woff2'); }@font-face { font-family: 'Panton Heavy Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Heavy_Italic/Panton-HeavyItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Heavy Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Heavy_Italic/PantonNarrow-HeavyItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Heavy '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Heavy/Panton-Heavy.woff2') format('woff2'); }@font-face { font-family: 'Panton Narrow Heavy '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton_Narrow/Panton_Narrow_Heavy/PantonNarrow-Heavy.woff2') format('woff2'); }@font-face { font-family: 'Panton Fat Italic '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Fat_Italic/Panton-FatItalic.woff2') format('woff2'); }@font-face { font-family: 'Panton Fat '; font-display: swap; src: url('https://www.fontfabric.com/wp-content/uploads/font-styles/Panton/Panton/Panton_Fat/Panton-Fat.woff2') format('woff2'); }</style> <div class="single-font-weight additional" data-variation-id="2732"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Thin ';"> Panton Narrow Thin </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Thin" data-variation="2732"> <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="2731"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Thin Italic ';"> Panton Narrow Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Thin Italic" data-variation="2731"> <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="2748"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow ExtraLight Italic ';"> Panton Narrow ExtraLight Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow ExtraLight 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Extra Light Italic" data-variation="2748"> <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="2747"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow ExtraLight ';"> Panton Narrow ExtraLight </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow ExtraLight </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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Extra Light" data-variation="2747"> <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="2742"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Light Italic ';"> Panton Narrow Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Light Italic" data-variation="2742"> <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="2733"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Light ';"> Panton Narrow Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Light" data-variation="2733"> <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="2739"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Regular Italic ';"> Panton Narrow Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Regular Italic" data-variation="2739"> <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="2744"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Regular ';"> Panton Narrow Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Regular" data-variation="2744"> <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="2737"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow SemiBold Italic ';"> Panton Narrow SemiBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Semi Bold Italic" data-variation="2737"> <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="2743"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow SemiBold ';"> Panton Narrow SemiBold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Semi Bold" data-variation="2743"> <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="2746"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Bold ';"> Panton Narrow Bold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Bold" data-variation="2746"> <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="2734"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Bold Italic ';"> Panton Narrow Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Bold Italic" data-variation="2734"> <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="2740"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow ExtraBold ';"> Panton Narrow ExtraBold </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow ExtraBold </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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Extra Bold" data-variation="2740"> <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="2745"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow ExtraBold Italic ';"> Panton Narrow ExtraBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow ExtraBold 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Extra Bold Italic" data-variation="2745"> <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="2735"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Black ';"> Panton Narrow Black </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Black" data-variation="2735"> <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="2741"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Black Italic ';"> Panton Narrow Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Black Italic" data-variation="2741"> <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="2736"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Heavy ';"> Panton Narrow Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Heavy </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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Heavy" data-variation="2736"> <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="2738"> <div class="font-preview-text" data-value="Panton Narrow" style=" font-family: 'Panton Narrow Heavy Italic ';"> Panton Narrow Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Narrow Heavy 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="2711" data-parent="2730" data-parent-name="Panton Narrow" data-name="Panton Narrow Heavy Italic" data-variation="2738"> <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="2751"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Thin Italic ';"> Panton Thin Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Thin Italic" data-variation="2751"> <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="2750"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Thin ';"> Panton Thin </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Thin" data-variation="2750"> <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="2769"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton ExtraLight Italic ';"> Panton ExtraLight Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton ExtraLight 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Extra Light Italic" data-variation="2769"> <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="2768"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton ExtraLight ';"> Panton ExtraLight </div> <div class="font-info"> <div class="font-meta"> <p>Panton ExtraLight </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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Extra Light" data-variation="2768"> <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="2755"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Light Italic ';"> Panton Light Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Light Italic" data-variation="2755"> <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="2765"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Light ';"> Panton Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Light" data-variation="2765"> <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="2757"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Regular Italic ';"> Panton Regular Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Regular Italic" data-variation="2757"> <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="2758"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Regular ';"> Panton Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Regular" data-variation="2758"> <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="2763"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton SemiBold Italic ';"> Panton SemiBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Semi Bold Italic" data-variation="2763"> <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="2764"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton SemiBold ';"> Panton SemiBold </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Semi Bold" data-variation="2764"> <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="2759"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Bold ';"> Panton Bold </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Bold" data-variation="2759"> <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="2760"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Bold Italic ';"> Panton Bold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Bold Italic" data-variation="2760"> <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="2761"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton ExtraBold ';"> Panton ExtraBold </div> <div class="font-info"> <div class="font-meta"> <p>Panton ExtraBold </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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Extra Bold" data-variation="2761"> <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="2762"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton ExtraBold Italic ';"> Panton ExtraBold Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton ExtraBold 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Extra Bold Italic" data-variation="2762"> <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="2756"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Black Italic ';"> Panton Black Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Black Italic" data-variation="2756"> <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="2753"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Black ';"> Panton Black </div> <div class="font-info"> <div class="font-meta"> <p>Panton 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Black" data-variation="2753"> <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="2766"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Heavy ';"> Panton Heavy </div> <div class="font-info"> <div class="font-meta"> <p>Panton Heavy </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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Heavy" data-variation="2766"> <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="2752"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Heavy Italic ';"> Panton Heavy Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Heavy 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Heavy Italic" data-variation="2752"> <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="2754"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Fat Italic ';"> Panton Fat Italic </div> <div class="font-info"> <div class="font-meta"> <p>Panton Fat 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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Fat Italic" data-variation="2754"> <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="2767"> <div class="font-preview-text" data-value="Panton" style=" font-family: 'Panton Fat ';"> Panton Fat </div> <div class="font-info"> <div class="font-meta"> <p>Panton Fat </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="2711" data-parent="2749" data-parent-name="Panton" data-name="Panton Fat" data-variation="2767"> <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="2715"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons D Fill Light ';"> Panton Icons D Fill Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons D Fill Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons D Fill Light" data-variation="2715"> <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="2716"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons B Fill Regular ';"> Panton Icons B Fill Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons B Fill Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons B Fill Regular" data-variation="2716"> <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="2719"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons B Regular ';"> Panton Icons B Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons B Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons B Regular" data-variation="2719"> <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="2720"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons D Light ';"> Panton Icons D Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons D Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons D Light" data-variation="2720"> <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="2721"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons B Fill Light ';"> Panton Icons B Fill Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons B Fill Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons B Fill Light" data-variation="2721"> <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="2722"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons A Fill Regular ';"> Panton Icons A Fill Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons A Fill Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons A Fill Regular" data-variation="2722"> <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="2726"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons D Regular ';"> Panton Icons D Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons D Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons D Regular" data-variation="2726"> <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="2727"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons D Fill Regular ';"> Panton Icons D Fill Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons D Fill Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons D Fill Regular" data-variation="2727"> <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="2728"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons A Fill Light ';"> Panton Icons A Fill Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons A Fill Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons A Fill Light" data-variation="2728"> <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="2729"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons B Light ';"> Panton Icons B Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons B Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons B Light" data-variation="2729"> <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="2724"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons A Light ';"> Panton Icons A Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons A Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons A Light" data-variation="2724"> <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="2714"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons C Regular ';"> Panton Icons C Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons C Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons C Regular" data-variation="2714"> <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="2717"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons C Fill Light ';"> Panton Icons C Fill Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons C Fill Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons C Fill Light" data-variation="2717"> <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="2718"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons A Regular ';"> Panton Icons A Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons A Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons A Regular" data-variation="2718"> <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="2723"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons C Light ';"> Panton Icons C Light </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons C Light </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons C Light" data-variation="2723"> <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="2725"> <div class="font-preview-text" data-value="Panton Icons" style=" font-family: 'Panton Icons C Fill Regular ';"> Panton Icons C Fill Regular </div> <div class="font-info"> <div class="font-meta"> <p>Panton Icons C Fill Regular </p> </div> <div class="font-price"> <div class="prices"> <div class="regular-price only">$19</div> </div> <div class="add-to-cart-collection ff-action-add-to-cart" data-price="19" data-product="2711" data-parent="2713" data-parent-name="Panton Icons" data-name="Panton Icons C Fill Regular" data-variation="2725"> <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="2711" data-variation="2712"> 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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/Desktop.svg" alt="Desktop license icon"> <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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/Web.svg" alt="Web license icon"> <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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/App.svg" alt="App license icon"> <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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/Epub.svg" alt="Epub license icon"> <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="https://www.fontfabric.com/wp-content/themes/fontfabric/assets/icons/licences/Digital-ads.svg" alt="Digital-ads license icon"> <p>Digital-ads</p> </div> <div class="additional-info"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For HTML5 based Digital Ads.</p> </div> </div> </div> </div> <div class="licence-offer-text"> <p class="title">Looking for something else?</p> <p class="offer-text">We can offer you custom-tailored licenses according to your needs - broadcasting, corporate, server, gaming. <a href="/contact-us/">Learn more</a></p> </div> </div> <div id="ff_licenses_sidebar" class="licensing-info-box" style="display: none;"> <div class="licensing-info-heading"> <p class="title">Select licenses</p> <p class="help-link" data-selector="ff_reset_cart">Deselect all</p> </div> <div class="licensing-info-content">  <div class="license-group" data-id="66279ce9e944e"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce9e944e" name="desktop"> <label class="normal" for="desktop">Desktop</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For print and branding projects</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For print and branding projects</p> <p class="small period">Perpetual</p> </div> <select name="license_66279ce9e944e" id="66279ce9e944e"> <option data-price="[price]" value="pwa9t" selected> 1 User </option> <option data-price="[price]*1.5" value="hzhqz" > 2 - 5 Users </option> <option data-price="[price]*2" value="s6lp3" > 6 - 10 Users </option> <option data-price="[price]*3" value="r2kq9" > 11 - 20 Users </option> <option data-price="[price]*4.5" value="xv6y2" > 21 - 30 Users </option> <option data-price="[price]*5.75" value="uh4af" > 31 - 50 Users </option> <option data-price="[price]*6.43" value="p34ln" > 51 - 99 Users </option> <option data-price="[price]*10.72" value="jupw4" > 100 - 200 Users </option> </select> </div> </div> <div class="license-group" data-id="66279ce91391d"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce91391d" name="web"> <label class="normal" for="web">Web</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For websites and online platforms</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For websites and online platforms</p> <p data-selector="ff-perpetual-label" class="small period">Annual</p> </div> <select name="license_66279ce91391d" id="66279ce91391d"> <option data-price="[price]" value="yhjv4" selected> 10,000 pageviews </option> <option data-price="[price]*2.5" value="7p8nf" > 25,000 pageviews </option> <option data-price="[price]*5" value="ax42q" > 100,000 pageviews </option> <option data-price="[price]*10" value="5dke7" > 250,000 pageviews </option> <option data-price="[price]*15" value="qvtw0" > 500,000 pageviews </option> <option data-price="[price]*20" value="par9e" > 1,000,000 pagevews </option> <option data-price="[price]*25" value="ev17n" > 1,500,000 pageviews </option> <option data-price="[price]*30" value="a1f9e" > 2,000,000 pageviews </option> </select> <input name="domain_name" data-id="66279ce91391d" type="text" placeholder="Domain name*"> </div> </div> <div class="license-group" data-id="66279ce999786"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce999786" name="app"> <label class="normal" for="app">App</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For mobile applications</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For mobile applications</p> <p data-selector="ff-perpetual-label" class="small period">Annual</p> </div> <select name="license_66279ce999786" id="66279ce999786"> <option data-price="[price]*17" value="5va9c" selected> 1 Titles (25,000 users) </option> <option data-price="[price]*24" value="yjvca" > 2 Titles (25,000 users) </option> <option data-price="[price]*30" value="zh5s2" > 3 Titles (25,000 users) </option> </select> </div> </div> <div class="license-group" data-id="66279ce9c4ebe"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce9c4ebe" name="epub"> <label class="normal" for="epub">Epub</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For eBooks and ePublishing</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For eBooks and ePublishing</p> <p data-selector="ff-perpetual-label" class="small period">Annual</p> </div> <select name="license_66279ce9c4ebe" id="66279ce9c4ebe"> <option data-price="[price]*2" value="wz4l4" selected> 1 Title </option> <option data-price="[price]*4" value="92478" > 2 Titles </option> <option data-price="[price]*6" value="6a2d2" > 3 Titles </option> <option data-price="[price]*10" value="numci" > 5 Titles </option> <option data-price="[price]*24" value="x0d74" > 12 Titles </option> </select> </div> </div> <div class="license-group" data-id="66279ce99f535"> <div class="license-group-inner"> <div class="title"> <div class="ff-checkbox"> <input class="styled-checkbox" type="checkbox" autocomplete="off" data-id="66279ce99f535" name="digital ads"> <label class="normal" for="digital ads">Digital Ads</label> </div> </div> <div class="additional-info"> <span class="price">0</span> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content"> <p>For HTML5 based Digital Ads</p> </div> </div> </div> <div class="license-group-inner" style="display: none;"> <div class="between-group"> <p class="small">For HTML5 based Digital Ads</p> <p data-selector="ff-perpetual-label" class="small period">Annual</p> </div> <select name="license_66279ce99f535" id="66279ce99f535"> <option data-price="[price]*1" value="qnwsr" selected> 1,000,000 Impressions </option> <option data-price="[price]*2" value="wwvkk" > 4,000,000 Impressions </option> <option data-price="[price]*3.1" value="6bx9g" > 7,000,000 Impressions </option> <option data-price="[price]*5.5" value="bpxp2" > 12,000,000 Impressions </option> </select> </div> </div> </div> <div class="licensing-info-footer"> <div class="license-group-inner align-start"> <label for="licensing_term">Licensing</label>  <div class="ff-additional-tooltip alternative"> <svg class="svg-icon" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><path id="Vector" d="M7 13.5C10.5899 13.5 13.5 10.5899 13.5 7C13.5 3.41015 10.5899 0.5 7 0.5C3.41015 0.5 0.5 3.41015 0.5 7C0.5 10.5899 3.41015 13.5 7 13.5Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.25 5.24999C5.25 4.90388 5.35273 4.56553 5.5452 4.27775C5.73766 3.98996 6.01123 3.76566 6.33129 3.63321C6.65135 3.50076 7.00354 3.4661 7.34331 3.53363C7.68309 3.60115 7.99519 3.76782 8.24016 4.01256C8.48512 4.2573 8.65194 4.56912 8.71953 4.90859C8.78711 5.24805 8.75243 5.59992 8.61985 5.91969C8.48728 6.23945 8.26277 6.51277 7.97472 6.70506C7.68668 6.89735 7.34802 6.99998 7.00159 6.99998V8.16665" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><g id="Group 2567"><path id="Vector_3" d="M7 10.459C6.86193 10.459 6.75 10.3471 6.75 10.209C6.75 10.0709 6.86193 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7 10.459C7.13807 10.459 7.25 10.3471 7.25 10.209C7.25 10.0709 7.13807 9.95898 7 9.95898" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg> <div class="popup-content "> <p>An annual license provides one year of access with renewal options. A perpetual license offers lifetime access with a one-time purchase. Desktop license is always perpetual.</p> </div> </div> <select class="license compact" name="licensing_term"> <option value="annual" selected="selected">Annual</option> <option value="perpetual">Perpetual</option> </select> </div> <div class="license-group-inner"> <div> <div class="title">Total</div> <p class="small"><span id="ff_total_selected">0</span></p> </div> <div> <div id="ff_total_price" class="total-price">0</div> <p class="small align-right">excl. VAT</p> </div> </div> <div id="ff_add_to_cart" class="single_add_to_cart_button add_to_cart_button big red-button">Add to cart</div> </div> </div> <div id="ff_licenses_sidebar_success" class="licensing-info-box" style="display: none;"> <div class="licensing-info-heading"> <p class="title">Success!</p> <p class="help-link" data-selector="ff_reset_cart">Dismiss</p> </div> <div class="licensing-info-content centered"> <h5>The fonts are added to your shopping cart.</h5> <p>You can proceed with checkout or pick more fonts and licenses to buy.</p> <a href="/checkout/" class="big red-button">Checkout</a> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div id="ff_features_about" data-primary-category="Display" data-primary-id="36" data-second-category="Sans" class="features-about"> <div class="title-row"> <h2>About</h2> </div> <div class="font-about-content"> <div class="content">  <p>The Panton Font Family by <a href="https://www.fontfabric.com/">Fontfabric</a> includes 54 fonts – 19 uprights with 19 matching italics and 16 icon sets as a bonus! A modern and elegant sans serif typeface characterized by excellent legibility in both web & print design areas, well-finished geometric designs, optimized kerning, excellent web-font performance and legibility etc.</p>   <p>Inspired by the classic grotesque typefaces – Panton Font Family has his own unique style, expressed in perfectly softened geometric forms.</p>   <p>The basic width of Panton Font Family type family was initially released in January 2015 and was later expanded further with Panton Narrow in May 2018.</p>   <p>The huge variety of the Panton Font Family is making it suitable for headlines of all sizes, as well as for text blocks that come in both maximum and minimum variations. Its styles are applicable for any type of graphic design in web, print, motion graphics moreover perfect for T-shirts and other items like posters, logos, etc.</p>   <p>54 Panton Font Styles (8 FREE): <a href="https://www.fontfabric.com/fonts/panton/panton-thin-italic-font/">Panton Thin Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-thin-font/">Panton Thin</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-semibold-italic-font/">Panton SemiBold Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-semibold-font/">Panton SemiBold</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-regular-italic-font/">Panton Regular Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-regular-font/">Panton Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-thin-italic-font/">Panton Narrow Thin Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-thin-font/">Panton Narrow Thin</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-semibold-italic-font/">Panton Narrow SemiBold Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-semibold-font/">Panton Narrow SemiBold</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-regular-italic-font/">Panton Narrow Regular Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-regular-font/">Panton Narrow Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-light-italic-font/">Panton Narrow Light Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-light-font/">Panton Narrow Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-heavy-italic-font/">Panton Narrow Heavy Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-heavy-font/">Panton Narrow Heavy</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-extralight-italic-font/">Panton Narrow ExtraLight Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-extralight-font/">Panton Narrow ExtraLight</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-extrabold-italic-font/">Panton Narrow ExtraBold Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-extrabold-font/">Panton Narrow ExtraBold</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-bold-italic-font/">Panton Narrow Bold Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-bold-font/">Panton Narrow Bold</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-black-italic-font/">Panton Narrow Black Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-narrow-black-font/">Panton Narrow Black</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-light-italic-font/">Panton Light Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-light-font/">Panton Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-d-regular-font/">Panton Icons D Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-d-light-font/">Panton Icons D Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-d-fill-regular-font/">Panton Icons D Fill Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-d-fill-light-font/">Panton Icons D Fill Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-c-regular-font/">Panton Icons C Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-c-light-font/">Panton Icons C Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-c-fill-regular-font/">Panton Icons C Fill Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-c-fill-light-font/">Panton Icons C Fill Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-b-regular-font/">Panton Icons B Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-b-light-font/">Panton Icons B Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-b-fill-regular-font/">Panton Icons B Fill Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-b-fill-light-font/">Panton Icons B Fill Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-a-regular-font/">Panton Icons A Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-a-light-font/">Panton Icons A Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-a-fill-regular-font/">Panton Icons A Fill Regular</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-icons-a-fill-light-font/">Panton Icons A Fill Light</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-heavy-italic-font/">Panton Heavy Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-heavy-font/">Panton Heavy</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-fat-italic-font/">Panton Fat Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-fat-font/">Panton Fat</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-extralight-italic-font/">Panton ExtraLight Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-extralight-font/">Panton ExtraLight</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-extrabold-italic-font/">Panton ExtraBold Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-extrabold-font/">Panton ExtraBold</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-bold-italic-font/">Panton Bold Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-bold-font/">Panton Bold</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-black-italic-font/">Panton Black Italic</a> ; <a href="https://www.fontfabric.com/fonts/panton/panton-black-font/">Panton Black</a> .</p>   <p> </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>Ivan Petrov, Svet Simov</p> </div> <div class="release"> <p class="section-title">Release:</p> <p>Published: May 10, 2018</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/zona-pro/"> <div class="font-preview-wrapper"> <img width="217" height="35" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20217%2035'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/131/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Zona Pro</p> <p class="font-prices no-mr-bot">18 font styles from $10</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/muller/"> <div class="font-preview-wrapper"> <img width="135" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20135%2036'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/133/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Muller</p> <p class="font-prices no-mr-bot">46 font styles from $23.5</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/glober/"> <div class="font-preview-wrapper"> <img width="137" height="37" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20137%2037'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/66/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Glober</p> <p class="font-prices no-mr-bot">18 font styles from $39</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/drumnik/"> <div class="font-preview-wrapper"> <img width="45" height="35" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2045%2035'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/23/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Drumnik</p> <p class="font-prices no-mr-bot">2 font styles</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/calleo/"> <div class="font-preview-wrapper"> <img width="158" height="39" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20158%2039'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/28/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Calleo</p> <p class="font-prices no-mr-bot">40 font styles from $47</p> </div> <div class="arrow"></div> </div> </a> </div> <div class="carousel-cell"> <a href="https://www.fontfabric.com/fonts/ways/"> <div class="font-preview-wrapper"> <img width="111" height="44" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20111%2044'%3E%3C/svg%3E" alt="Preview" data-lazy-src="https://www.fontfabric.com/wp-content/uploads/font-previews/families/4/preview.svg"> </div> <div class="font-meta-wrapper"> <div class="meta-part"> <p class="font-name">Ways</p> <p class="font-prices no-mr-bot">21 font styles from $19</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: 19, items: [{item_name: 'Panton', item_id: '2711', price: 19, item_category: 'Display', item_category2: 'Sans', item_category3: 'not_applicable', item_variant: 'not_applicable', item_list_name: 'Display', item_list_id: '36', index: '', quantity: 1}] } }); </script> </main> </div> <footer id="colophon" class="site-footer" data-user-id="0"> <div class="container"> <div class="breadcrumbs"><span><span><a href="https://www.fontfabric.com/">Home</a></span> / <span><a href="https://www.fontfabric.com/fonts/">All Fonts</a></span> / <span class="breadcrumb_last" aria-current="page">Panton</span></span></div> </div> <div class="container"> <div class="subscribe-block"> <div class="subscribe-wrapper"> <div class="column-1 dp-flex-column has-white-color"> <h3 class='has-xxxl-font-size no-mr-bot'>Stay in the loop</h3> <p class='has-d-font-size no-mr-bot'>Subscribe now for exclusive access to our latest releases, free fonts, special deals and insider typography tips.</p> </div> <div class="column-2 dp-flex-column has-white-color"> <div class="form-wrapper"> <form id="ff_subscribe_form" class="ff-subscribe-form"> <input type="email" name="email" class="email no-mr-bot" placeholder="Your email"> <button type="submit" name="submit" class="submit red-button" value="Subscribe">Subscribe</button> </form> </div> <div class="follow-us-wrapper"> <p class="label no-mr-bot">Follow us online</p> <div class="social-icons"> <a target="_blank" aria-label="Follow us online on Facebook" href="https://www.facebook.com/Fontfabric/"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M22.605 0H.983A.983.983 0 0 0 0 .983v21.622c0 .542.44.982.983.982h11.548v-8.845H9.582v-3.685h2.949V8.108c0-3.046 1.929-4.546 4.646-4.546 1.302 0 2.421.098 2.747.14v3.185h-1.885c-1.478 0-1.823.703-1.823 1.733v2.437h3.686l-.737 3.685h-2.949l.06 8.845h6.329c.542 0 .982-.44.982-.982V.983A.983.983 0 0 0 22.605 0" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a target="_blank" aria-label="Follow us online on Twitter" href="https://twitter.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="26" viewBox="0 0 24 20"><path d="M23.587 2.269c-.867.385-1.8.645-2.78.762 1-.6 1.767-1.547 2.129-2.677a9.705 9.705 0 0 1-3.073 1.174A4.833 4.833 0 0 0 16.33 0a4.839 4.839 0 0 0-4.713 5.942A13.739 13.739 0 0 1 1.642.885a4.82 4.82 0 0 0-.655 2.433c0 1.679.854 3.16 2.152 4.028A4.814 4.814 0 0 1 .948 6.74v.061c0 2.345 1.667 4.3 3.881 4.745a4.848 4.848 0 0 1-2.185.083 4.844 4.844 0 0 0 4.52 3.36 9.71 9.71 0 0 1-6.01 2.072c-.39 0-.775-.023-1.154-.067a13.7 13.7 0 0 0 7.418 2.173c8.901 0 13.768-7.374 13.768-13.768 0-.21-.004-.419-.014-.627a9.814 9.814 0 0 0 2.415-2.504" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a target="_blank" aria-label="Follow us online on Instagram" href="https://www.instagram.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M20.639 21.376H2.949a.737.737 0 0 1-.738-.737V9.582H5.16c-.384.553-.514 1.584-.514 2.239 0 3.947 3.219 7.159 7.175 7.159 3.957 0 7.176-3.212 7.176-7.16 0-.654-.093-1.67-.57-2.238h2.949V20.64c0 .407-.33.737-.737.737M11.82 7.296a4.53 4.53 0 0 1 4.536 4.525 4.53 4.53 0 0 1-4.536 4.526 4.53 4.53 0 0 1-4.535-4.526 4.53 4.53 0 0 1 4.535-4.525m5.87-4.348h2.21c.408 0 .738.33.738.738v2.21c0 .408-.33.738-.737.738H17.69a.737.737 0 0 1-.737-.737V3.686c0-.407.33-.738.737-.738M20.783 0H2.803A2.8 2.8 0 0 0 0 2.797V20.79a2.8 2.8 0 0 0 2.804 2.797h17.98a2.8 2.8 0 0 0 2.803-2.797V2.797A2.8 2.8 0 0 0 20.783 0" fill="#FFF" fill-rule="evenodd"></path></svg> </a> <a target="_blank" aria-label="Follow us online on Behance" href="https://www.behance.net/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" viewBox="0 0 24 16"><g fill="#FFF" fill-rule="evenodd"><path d="M7.416 12.029H3.355v-3.91h4.257s1.542-.02 1.542 2.01c0 1.691-1.128 1.883-1.738 1.9zM3.355 2.6h4.257s1.035 0 1.035 1.522-.609 1.742-1.299 1.742H3.355V2.6zM9.52 6.68s2.232-.166 2.232-2.783C11.752 1.277 9.926 0 7.612 0H0v14.629h7.612s4.647.146 4.647-4.318c0 0 .203-3.632-2.74-3.632zM20.913 8.398h-4.805s.315-2.255 2.574-2.255c2.26 0 2.231 2.255 2.231 2.255M18.625 4c-5.625 0-5.62 5.62-5.62 5.62s-.386 5.592 5.62 5.592c0 0 5.006.286 5.006-3.89h-2.575s.087 1.573-2.345 1.573c0 0-2.574.173-2.574-2.545h7.58S24.546 4 18.625 4M21.035 1H15v1.474h6.035z"></path></g></svg> </a> <a target="_blank" aria-label="Follow us online on Dribble" href="https://dribbble.com/fontfabric"><?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M19.591 5.438c-.212.288-1.9 2.452-5.624 3.973a30.25 30.25 0 0 1 .885 1.978c3.351-.42 6.682.254 7.014.324a10.028 10.028 0 0 0-2.275-6.275M9.433 2.015a53.858 53.858 0 0 1 3.759 5.897c3.582-1.342 5.098-3.38 5.28-3.638a10.03 10.03 0 0 0-6.678-2.539c-.813 0-1.604.097-2.36.28m-7.5 7.73c.45.006 4.6.025 9.312-1.227A64.286 64.286 0 0 0 7.51 2.692a10.111 10.111 0 0 0-5.578 7.053m2.377 8.799c.228-.39 2.992-4.968 8.188-6.647.131-.043.264-.083.397-.12a33.453 33.453 0 0 0-.817-1.71c-5.03 1.505-9.912 1.443-10.352 1.434a10.033 10.033 0 0 0 2.584 7.043m11.419 2.538c-.15-.884-.735-3.964-2.15-7.64l-.066.023c-5.681 1.98-7.72 5.92-7.902 6.29a10.022 10.022 0 0 0 6.183 2.127 10.02 10.02 0 0 0 3.935-.8m6.011-7.674c-.345-.11-3.118-.936-6.275-.431 1.318 3.62 1.854 6.57 1.957 7.182a10.09 10.09 0 0 0 4.318-6.751m-9.946 10.18C5.29 23.587 0 18.295 0 11.793 0 5.29 5.29 0 11.794 0c6.503 0 11.793 5.29 11.793 11.794 0 6.502-5.29 11.793-11.793 11.793" fill="#FFF" fill-rule="evenodd"></path></svg> </a> </div> </div> </div> </div> </div> </div> <div class="mid_footer"> <div class="explore-more-pages-button" id="exploreButton"> <span class="toggleIcon"></span> <p class="no-mr-bot has-white-color">Explore all pages</p> </div> <div class="container"> <div class="columns"> <div class="column"> <div id="nav_menu-2" class="widget widget_nav_menu"><div class="menu-footer-1-container"><ul id="menu-footer-1" class="menu"><li id="menu-item-2490" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2490"><a href="/">Type foundry</a></li> <li id="menu-item-2491" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2491"><a href="https://www.fontfabric.com/typography-services/">Typography services</a></li> <li id="menu-item-5647" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5647"><a href="/custom/">Font customization</a></li> <li id="menu-item-64" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64"><a href="/fonts/">Font families</a></li> <li id="menu-item-2492" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2492"><a href="https://www.fontfabric.com/fontfabric-licensing/">Font Licensing</a></li> <li id="menu-item-24448" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24448"><a href="https://www.fontfabric.com/font-tester/">Font Tester</a></li> </ul></div></div> </div> <div class="column"> <div id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-footer-2-container"><ul id="menu-footer-2" class="menu"><li id="menu-item-2496" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat current-product-ancestor current-menu-parent current-product-parent menu-item-2496"><a href="https://www.fontfabric.com/font-category/sans/">Sans-serif fonts</a></li> <li id="menu-item-2498" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2498"><a href="https://www.fontfabric.com/font-category/serif/">Serif fonts</a></li> <li id="menu-item-2493" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat current-product-ancestor current-menu-parent current-product-parent menu-item-2493"><a href="https://www.fontfabric.com/font-category/display/">Display fonts</a></li> <li id="menu-item-2494" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2494"><a href="https://www.fontfabric.com/font-category/mono/">Mono fonts</a></li> <li id="menu-item-2495" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2495"><a href="https://www.fontfabric.com/font-category/rust/">Rust fonts</a></li> <li id="menu-item-2497" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-2497"><a href="https://www.fontfabric.com/font-category/script/">Script fonts</a></li> </ul></div></div> </div> <div class="column"> <div id="nav_menu-7" class="widget widget_nav_menu"><div class="menu-footer-3-container"><ul id="menu-footer-3" class="menu"><li id="menu-item-71" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71"><a href="/fonts/?_font_sale=1">Font sale</a></li> <li id="menu-item-21228" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21228"><a href="/font-tag/free-fonts/">Free fonts</a></li> <li id="menu-item-2500" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2500"><a href="/fonts-in-use/">Fonts in use</a></li> <li id="menu-item-2499" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2499"><a href="https://www.fontfabric.com/partnership-with-fontradar/">Font Radar</a></li> </ul></div></div> </div> <div class="column"> <div id="nav_menu-5" class="widget widget_nav_menu"><div class="menu-footer-4-container"><ul id="menu-footer-4" class="menu"><li id="menu-item-94" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94"><a href="https://www.fontfabric.com/about/">About</a></li> <li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95"><a href="https://www.fontfabric.com/help/">Help</a></li> <li id="menu-item-97" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97"><a href="https://www.fontfabric.com/blog/">Blog</a></li> <li id="menu-item-5705" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5705"><a href="https://www.fontfabric.com/partnerships/">Partnerships</a></li> <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="https://www.fontfabric.com/contact-us/">Contact us</a></li> </ul></div></div> </div> </div> </div> </div> <div class="bottom_footer"> <div class="container"> <div class="site-info"> <p> 2025 © Fontfabric llc. </p> <div id="nav_menu-6" class="widget widget_nav_menu"><div class="menu-footer-socket-container"><ul id="menu-footer-socket" class="menu"><li id="menu-item-102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-102"><a rel="privacy-policy" href="https://www.fontfabric.com/privacy-policy/">Privacy Notice</a></li> <li id="menu-item-5522" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5522"><a href="https://www.fontfabric.com/cookie-policy-eu/">Manage Cookies</a></li> </ul></div></div> </div> </div> </div> </footer> </div> <script type="text/javascript"> var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g var newUrl = window.location.search.replace(relevanssi_rt_regex, '') history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) </script> <script id="wccBannerTemplate_GDPR" type="text/template"><div class="wcc-overlay wcc-hide"></div><div class="wcc-consent-container wcc-hide wcc-popup-center"> <div class="wcc-consent-bar" data-tag="notice" style="background-color:#FFFFFF;border-color:#f4f4f4"> <div class="wcc-notice"> <p class="wcc-title" data-tag="title" style="color:#212121">Manage Consent</p><div class="wcc-notice-group"> <div class="wcc-notice-des" data-tag="description" style="color:#212121"> <p>To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</p> </div><div class="wcc-notice-btn-wrapper" data-tag="notice-buttons"> <button class="wcc-btn wcc-btn-customize" aria-label="Preferences" data-tag="settings-button" style="color:#000000;background-color:#F9F9F9;border-color:#F9F9F9">Preferences</button> <button class="wcc-btn wcc-btn-reject" aria-label="Deny" data-tag="reject-button" style="color:#000000;background-color:#F9F9F9;border-color:#F9F9F9">Deny</button> <button class="wcc-btn wcc-btn-accept" aria-label="Accept All" data-tag="accept-button" style="color:#FFFFFF;background-color:#FF136B;border-color:#FF136B">Accept All</button> </div></div></div></div></div><div class="wcc-modal"> <div class="wcc-preference-center" data-tag="detail" style="color:#212121;background-color:#FFFFFF;border-color:#f4f4f4"> <div class="wcc-preference-header"> <span class="wcc-preference-title" data-tag="detail-title" style="color:#212121">Customize Consent Preferences</span> <button class="wcc-btn-close" aria-label="[wcc_preference_close_label]" data-tag="detail-close"> <img src="https://www.fontfabric.com/wp-content/plugins/webtoffee-cookie-consent/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="wcc-preference-body-wrapper"> <div class="wcc-preference-content-wrapper" data-tag="detail-description" style="color:#212121"> <p>We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p><p>The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. </p><p>We also use third-party cookies that help us analyze how you use this website, store your preferences, and provide the content and advertisements that are relevant to you. These cookies will only be stored in your browser with your prior consent.</p><p>You can choose to enable or disable some or all of these cookies but disabling some of them may affect your browsing experience.</p> </div> <div class="wcc-google-privacy-policy" data-tag="google-privacy-policy"> </div><div class="wcc-accordion-wrapper" data-tag="detail-categories"> <div class="wcc-accordion" id="wccDetailCategorynecessary"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Necessary" data-tag="detail-category-title" style="color:#212121">Necessary</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchnecessary"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryfunctional"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Functional" data-tag="detail-category-title" style="color:#212121">Functional</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchfunctional"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryanalytics"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Analytics" data-tag="detail-category-title" style="color:#212121">Analytics</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchanalytics"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryperformance"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Performance" data-tag="detail-category-title" style="color:#212121">Performance</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchperformance"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryadvertisement"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Advertisement" data-tag="detail-category-title" style="color:#212121">Advertisement</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchadvertisement"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><ul class="wcc-cookie-des-table"><li><div>Cookie</div><div>sbjs_current_add</div></li><li><div>Duration</div><div>365</div></li><li><div>Description</div><div><p>Collects data on user behavior and interaction in order to optimize the website and make advertisements on the website more relevant.</p></div></li></ul><ul class="wcc-cookie-des-table"><li><div>Cookie</div><div>_gcl_au</div></li><li><div>Duration</div><div>3 months</div></li><li><div>Description</div><div><p>Used by Google Ads for experimenting with advertisement efficiency across websites using their services.</p></div></li></ul><ul class="wcc-cookie-des-table"><li><div>Cookie</div><div>_fbp</div></li><li><div>Duration</div><div>3 months</div></li><li><div>Description</div><div><p>Facebook tracking pixel is used to identify visitors for personalized advertising.</p></div></li></ul></div> </div> </div><div class="wcc-accordion" id="wccDetailCategoryothers"> <div class="wcc-accordion-item"> <div class="wcc-accordion-chevron"><i class="wcc-chevron-right"></i></div> <div class="wcc-accordion-header-wrapper"> <div class="wcc-accordion-header"><button class="wcc-accordion-btn" aria-label="Others" data-tag="detail-category-title" style="color:#212121">Others</button><span class="wcc-always-active">Always Active</span> <div class="wcc-switch" data-tag="detail-category-toggle"><input type="checkbox" id="wccSwitchothers"></div> </div> <div class="wcc-accordion-header-des" data-tag="detail-category-description" style="color:#212121"> <p>Other cookies are those that are being identified and have not been classified into any category as yet.</p></div> </div> </div> <div class="wcc-accordion-body"> <div class="wcc-audit-table" data-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="wcc-empty-cookies-text">No cookies to display.</p></div> </div> </div> </div></div><div class="wcc-footer-wrapper"> <span class="wcc-footer-shadow"></span> <div class="wcc-prefrence-btn-wrapper" data-tag="detail-buttons"> <button class="wcc-btn wcc-btn-reject" aria-label="Deny" data-tag="detail-reject-button" style="color:#000000;background-color:#F9F9F9;border-color:#F9F9F9"> Deny </button> <button class="wcc-btn wcc-btn-preferences" aria-label="Save My Preferences" data-tag="detail-save-button" style="color:#000000;background-color:#F9F9F9;border-color:#F9F9F9"> Save My Preferences </button> <button class="wcc-btn wcc-btn-accept" aria-label="Accept All" data-tag="detail-accept-button" style="color:#FFFFFF;background-color:#FF136B;border-color:#FF136B"> Accept All </button> </div></div></div></div></script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button> <button class="pswp__button pswp__button--share" aria-label="Share"></button> <button class="pswp__button pswp__button--fs" aria-label="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" aria-label="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" aria-label="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link data-minify="1" rel='stylesheet' id='wc-blocks-style-css' href='https://www.fontfabric.com/wp-content/cache/min/1/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=1742384850' 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=1742384853" id="wcs-single-product-js"></script> <script id="wc-add-to-cart-js-extra"> var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/www.fontfabric.com\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=8.9.3" id="wc-add-to-cart-js" data-wp-strategy="defer"></script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=8.9.3" id="sourcebuster-js-js"></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"ajaxurl":"https:\/\/www.fontfabric.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=8.9.3" id="wc-order-attribution-js"></script> <script data-minify="1" src="https://www.fontfabric.com/wp-content/cache/min/1/api/player.js?ver=1742384850" 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=1742384850" 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=1742384850" 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":"156a00cc86"}; </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=1742384850" 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=1742384850" 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=1742384850" 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=1742384853" 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":"47416d1438","updatePaymentIntentNonce":"c74c7633a8","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":"aff78d727b","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":"bc9d892a82","create_payment_intent_nonce":"6d62a47249","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":"a836ec1f92","action_remove_from_cart":"ff_remove_from_cart","action_remove_from_cart_nonce":"b43163c026","action_send_free_font_maybe_subscribe":"ff_send_free_font_maybe_subscribe","action_send_free_font_maybe_subscribe_nonce":"11c8f7d743"}; </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=1742384853" 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-20T00:00:00","date_format":"mm-dd-yyyy"}; </script> <script src="https://www.fontfabric.com/wp-content/plugins/advanced-product-fields-for-woocommerce-pro/assets/js/frontend.min.js?ver=2.7.15" id="wapf-frontend-js"></script> <div data-wpr-lazyrender="1" class="wttw" aria-hidden="true"><div class="wapf-ttp"></div></div><script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.fontfabric.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=["lazy-image","wp-block-cover__image-background"];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script> </body> </html>

CINXE.COM

Panton - Download Full Font Family at Fontfabric™