CINXE.COM
All-in-One Font Manager | Unlimited Fonts | Monotype Fonts
<!DOCTYPE html> <script> localStorage.setItem('currentRoute',window.location.href.split(/[?#]/)[0]); if(window.location.href.indexOf('shpxid') > 0) { window.history.pushState({},document.title,window.location.pathname) } var params = new URLSearchParams(window.location.search); var agencyData1 = params.get('agencyData'); var request = new XMLHttpRequest(); request.open('GET', '/browsing_context_suggestions.json', true); request.onload = function() { if (this.status >= 200 && this.status < 400) { // Success! var country_data = JSON.parse(this.response); if (country_data.detected_values.country.handle == "RU" || country_data.detected_values.country.handle == "BY") { $('body').hide(); window.parent.location.href = "/pages/404"; } var localeRedirect = sessionStorage.getItem('locale_redirect'); if (country_data.detected_values.country.handle == "DE" && window.parent.location.href != "https://www.monotypefonts.de" && ! localeRedirect) { sessionStorage.setItem('locale_redirect', true); if(agencyData1) window.parent.location.href = "https://www.monotypefonts.de" + "?agencyData=" +agencyData1; else window.parent.location.href = "https://www.monotypefonts.de"; } else if(country_data.detected_values.country.handle == "FR" && window.parent.location.href != "https://www.monotypefonts.fr" && !localeRedirect){ sessionStorage.setItem('locale_redirect', true); if(agencyData1) window.parent.location.href = "https://www.monotypefonts.fr" + "?agencyData=" +agencyData1; else window.parent.location.href = "https://www.monotypefonts.fr"; } else if(country_data.detected_values.country.handle == "GB" && window.parent.location.href != "https://www.monotypefonts.co.uk" && !localeRedirect){ sessionStorage.setItem('locale_redirect', true); if(agencyData1) window.parent.location.href = "https://www.monotypefonts.co.uk" + "?agencyData=" +agencyData1; else window.parent.location.href = "https://www.monotypefonts.co.uk"; } }; } request.onerror = function() { // There was a connection error of some sort }; request.send(); </script> <html class="no-js" lang="en"> <head> <link rel="preconnect" href="https://cdn.fonts.net"/> <link rel="preconnect" href="https://cdn.shopify.com"/> <link rel="preconnect" href="https://asset.privy.com"/> <link rel="preconnect" href="https://cms.monotypefonts.com"/> <link rel="preload" href="https://cdn.fonts.net/kit/3fcd0660-9a13-11ec-b670-06c4e8753e28/3fcd0660-9a13-11ec-b670-06c4e8753e28.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="https://cms.monotypefonts.com/sites/default/files/styles/width_1040/public/2024-01/top_animation_poster-min_117.webp" as="image"> <link rel="preload" fetchpriority="high" as="script" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/jquery.min.js?v=12659306435297947211723440464" > <link rel="preload" fetchpriority="high" as="script" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-homepage.bundle.js?v=128642174658086018391730955783"> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/jquery.min.js?v=12659306435297947211723440464"></script> <!-- Google Tag Manager --> <script> (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 = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KKG4H94'); </script> <!-- End Google Tag Manager --> <script src="https://assets.adobedtm.com/843baba4f0fe/c2ac6985f406/launch-faa0a203e682.min.js"></script> <!-- CMS Marketo form script --> <!-- CMS Marketo form script ends --> <meta charset="UTF-8"> <!--Page Title--> <title>All-in-One Font Manager | Unlimited Fonts | Monotype Fonts</title> <!-- favicon --> <link rel="shortcut icon" href="//www.monotypefonts.co.uk/cdn/shop/files/favicon-96x96_32x32.png?v=11982916694066693671" type="image/png"> <!--Meta Keywords and Description--> <meta name="keywords" content=""> <meta name="description" content="A font subscription to the largest type library in the world that seamlessly brings together font prototyping, management, and licensing."> <meta http-equiv="cache-control" content="no-store"/> <meta http-equiv="expires" content="0"/> <meta http-equiv="pragma" content="no-cache"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2"> <link rel="apple-touch-icon" sizes="180x180" href="//www.monotypefonts.co.uk/cdn/shop/files/apple-icon-180x180.png?v=11441758911087440051"> <link rel="icon" type="image/png" sizes="192x192" href="//www.monotypefonts.co.uk/cdn/shop/files/android-icon-192x192.png?v=9794265677851935550"> <link rel="icon" type="image/png" sizes="32x32" href="//www.monotypefonts.co.uk/cdn/shop/files/favicon-96x96_32x32.png?v=11982916694066693671"> <link rel="icon" type="image/png" sizes="96x96" href="//www.monotypefonts.co.uk/cdn/shop/files/favicon-96x96_96x96.png?v=11982916694066693671"> <link rel="icon" type="image/png" sizes="16x16" href="//www.monotypefonts.co.uk/cdn/shop/files/favicon-96x96_16x16.png?v=11982916694066693671"> <meta name="theme-color" content="#ffffff"> <meta name="facebook-domain-verification" content="f5y1qna8bh82f3cgun85ckiyutkziu" /> <style> .list_element_homepage_main { cursor: url("//www.monotypefonts.co.uk/cdn/shop/files/hover_icon_homepage_list_small.png?4598"), auto; } .optanon-alert-box-wrapper { bottom: 0 !important; } </style> <!-- Custom CSS start --> <link rel="preload" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/global-shared.css?v=151980024265082006671712035470" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-header.bundle.css?v=94722282224063867581690799766" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-homepage.bundle.css?v=49203237608314845861721194744" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-footer.bundle.css?v=129145145927678984031721194740" as="style" onload="this.onload=null;this.rel='stylesheet'"> <!-- Custom CSS end --> <!-- Add your Custom CSS --> <link rel="preload" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/variables.css?v=6463327689605670191674462974" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/variables.css?v=6463327689605670191674462974"></noscript> <link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-global.css?v=113185193316372415211664350340"> <link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness.css?v=13292433376445599411660047091"> <link rel="preload" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-burger-icon.css?v=150931639179476483411696477409" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-burger-icon.css?v=150931639179476483411696477409"></noscript> <link rel="preload" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-alert.css?v=122538337203262700411663566497" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-alert.css?v=122538337203262700411663566497"></noscript> <link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-headerBlock.css?v=182407817070338932741721194735"> <link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-tooltip.css?v=100772950531657948821660047057"> <link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-marketo.css?v=42232374197527405001697604935"> <link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-header.bundle.css?v=94722282224063867581690799766"> <link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-homepage.bundle.css?v=49203237608314845861721194744"> <div id ="alert-pop-up" class="cart-info cart-info-warning" style="display: none;"> <p>Warning message</p> <span class="cart-info-close"> <img src="//www.monotypefonts.co.uk/cdn/shop/files/icon-close-white.svg?v=3141409769310123521" class="img-fluid" alt="error pop-up close icon" width="12" height="12"/> </span> </div> <div id="loader_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small pop-up-loader " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div> <div class="pop-up-content"> <p > </p> </div> </div> </div> <div id="verifyEmailLoader"> <svg class="spinner-container" width="65px" height="65px" viewBox="0 0 52 52"><circle class="path" cx="26px" cy="26px" r="20px" fill="none" stroke-width="5px" /> </svg> </div> </div> </div> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-getCookie.js?v=106409112528121630711663566494"></script> <script src="https://cdn.auth0.com/js/auth0/9.18/auth0.min.js" defer></script> <script src="https://accounts.google.com/gsi/client" defer></script> <script> function jwtParser(token) { var base64Url = token.split('.')[1]; var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent(window .atob(base64) .split('') .map(function(c) { return '%' + ( '00' + c.charCodeAt(0).toString(16) ).slice(-2); }) .join('')); return JSON.parse(jsonPayload); } window.onload = function() { const getConfig = () => { const currentHost = window.location.host if (currentHost === 'www.monotypefonts-beta.com' || currentHost === 'www.monotypefonts-beta.co.uk' || currentHost === 'fr.monotypefonts-beta.com' || currentHost === 'www.monotypefonts-beta.de') { return { domain: 'secure-pp.monotype.com', clientID: 'YqE037BNc7lwHDnJxAziEwZFnSQFqvEJ', audience: 'https://monotypeidp-pp.us.auth0.com/api/v2/', redirectUri: `https://secure-pp.monotypefonts.com/api/handlelogin?final_uri=${ window.location.hostname }` } }else if (currentHost === 'www.monotypefonts.com' || currentHost === 'www.monotypefonts.co.uk' || currentHost === 'www.monotypefonts.fr' || currentHost === 'www.monotypefonts.de') { return { domain: 'secure.monotype.com', clientID: 'vR9LphUR57bacuEXwUC9SaZOolB5Fug9', audience: 'https://monotypeidp.us.auth0.com/api/v2/', redirectUri: `https://secure.monotypefonts.com/api/handlelogin?final_uri=${ window.location.hostname }` } } } google.accounts.id.initialize({ client_id: "861646840000-g6vlddhdj0t0jjt8n94bblc0gm3jf5nc.apps.googleusercontent.com", callback: function(credentialResponse) { let response = credentialResponse; const parsedResp = jwtParser(response.credential); const currentConfig = getConfig(); var webAuth = new auth0.WebAuth({domain: currentConfig.domain, clientID: currentConfig.clientID}); localStorage.setItem('one-tap-journey', true); webAuth.authorize({ responseType: 'code', audience: currentConfig.audience, connection: 'google-oauth2', scope: 'openid profile email', redirectUri: currentConfig.redirectUri }); } }); if (!customerEmail) { google.accounts.id.prompt(); localStorage.removeItem('one-tap-journey') } }; </script> <!-- Agency Data handle --> <script> if (window.location.href.includes('agencyData')) { document.getElementById("loader_pop-up").style.display = "flex"; let params = new URLSearchParams(window.location.search); let encodedAgencyData = params.get('agencyData'); if (encodedAgencyData) { let decodedAgencyDataParams = new URLSearchParams(atob(encodedAgencyData)); let agencyUserData = { first_name: decodedAgencyDataParams.get('f'), last_name: decodedAgencyDataParams.get('l'), email: decodedAgencyDataParams.get('e'), company: decodedAgencyDataParams.get('c'), country: decodedAgencyDataParams.get('cu') } createCookie('agency_user_data', JSON.stringify(agencyUserData)); } else { document.getElementById("loader_pop-up").style.display = "none"; } } </script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="l0nxpzWe2xz0PNxTIzz4vQq-my3k8JVbcrlC-JsgTR8"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/52326695066/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="ff391f980de63470068c440641e8003f"> <meta id="in-context-paypal-metadata" data-shop-id="52326695066" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP"> <link rel="alternate" hreflang="x-default" href="https://www.monotypefonts.com/"> <link rel="alternate" hreflang="en-GB" href="https://www.monotypefonts.co.uk/"> <link rel="alternate" hreflang="en-US" href="https://www.monotypefonts.com/"> <link rel="alternate" hreflang="de-DE" href="https://www.monotypefonts.de/"> <link rel="alternate" hreflang="es-ES" href="https://www.monotypefonts.es/"> <link rel="alternate" hreflang="fr-FR" href="https://www.monotypefonts.fr/"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-GB"></script> <script id="shopify-features" type="application/json">{"accessToken":"ff391f980de63470068c440641e8003f","betas":["rich-media-storefront-analytics"],"domain":"www.monotypefonts.co.uk","predictiveSearch":true,"shopId":52326695066,"smart_payment_buttons_url":"https:\/\/www.monotypefonts.co.uk\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.monotypefonts.co.uk\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "monotype-production.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"GBP","rate":"0.801978905"}; Shopify.country = "GB"; Shopify.theme = {"name":"Production - Deployment Based","id":127360172186,"schema_name":"Debut","schema_version":"17.8.0","theme_store_id":796,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.monotypefonts.co.uk/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/files-shpf.mageworx.com\/groupedproducts\/source.js?mw_groupedproducts_t=1614669740\u0026shop=monotype-production.myshopify.com","https:\/\/affiliatepluginintegration.cj.com\/getPluginJS?shop=monotype-production.myshopify.com","\/\/shopify.privy.com\/widget.js?shop=monotype-production.myshopify.com","https:\/\/geolocation-recommendations.shopifyapps.com\/locale_bar\/script.js?shop=monotype-production.myshopify.com","https:\/\/cdn.refersion.com\/shop.js?key=pub_7d894854e1e45db79d4a\u0026check_token=true\u0026shop=monotype-production.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":52326695066,"offset":-18000,"reqid":"45c2dfd2-5e81-45c7-856b-c828bb457324-1733174888","pageurl":"www.monotypefonts.co.uk\/","u":"35611baf336f","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.monotypefonts.co.uk/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.monotypefonts.co.uk/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <!-- Shopify theme settings --> <script> var theme = { moneyFormat: "拢{{amount}}", moneyFormatWithCurrency: "拢{{amount}} GBP" } theme.moneyFormat = theme.moneyFormat.replace("amount", "amount_no_decimals"); </script> <!-- customer email verified check --> <script> sessionStorage.setItem('emailVerified', false); </script> <link rel="canonical" href="https://www.monotypefonts.co.uk/"> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0523/2669/5066/files/android-icon-192x192.png?height=628&pad_color=fff&v=1620380074&width=1200" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0523/2669/5066/files/android-icon-192x192.png?height=628&pad_color=fff&v=1620380074&width=1200" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 52326695066,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 52326695066,storefrontBaseUrl: "https://www.monotypefonts.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"571015322","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"AW-10879117111\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-10879117111\\\/O7fcCOfEtYIYELfOyMMo\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-10879117111\\\/7o1jCOTEtYIYELfOyMMo\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-10879117111\\\/8129CNbCtYIYELfOyMMo\\\",\\\"MC-MXJNFGL4F4\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-10879117111\\\/qL5_CNPCtYIYELfOyMMo\\\",\\\"MC-MXJNFGL4F4\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-10879117111\\\/FQjNCNDCtYIYELfOyMMo\\\",\\\"MC-MXJNFGL4F4\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-10879117111\\\/-gF-COrEtYIYELfOyMMo\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-10879117111\\\/BBdACOHEtYIYELfOyMMo\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"38633626","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"adobe"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Monotype Fonts","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"monotype-production.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.monotypefonts.co.uk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.monotypefonts.co.uk/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'GBP'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 52326695066, theme_id: 127360172186, app_name: "storefront", context_url: window.location.href, source_url: "//www.monotypefonts.co.uk/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.monotypefonts.co.uk/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.monotypefonts.co.uk/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":52326695066,"isMerchantRequest":null,"themeId":127360172186,"themeCityHash":"16878284583530493181","contentLanguage":"en","currency":"GBP"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-497472-21","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home"}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.monotypefonts.co.uk/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Debut"; window.BOOMR.themeVersion = "17.8.0"; window.BOOMR.shopId = 52326695066; window.BOOMR.themeId = 127360172186; })();</script> <script defer src="https://www.monotypefonts.co.uk/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="52326695066" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="127360172186" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKG4H94" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div id="shopify-section-mfbusiness" class="shopify-section"> <script> var customerEmail = ""; var customerID = ""; var isEmailVerifiedHeap = ""; var customerFullName = ""; var customerFirstName = ""; var customerLastName = ""; var customerCountry, customerProvince= ""; var customerCompany = ""; var customerTags = null; let b64DecodeUnicode = str => decodeURIComponent( Array.prototype.map.call(atob(str), c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2) ).join('')) let parseJwt = token => JSON.parse( b64DecodeUnicode( token.split('.')[1].replace('-', '+').replace('_', '/') ) ) var customerAuth0Id; if(""){ customerAuth0Id = (parseJwt("")).sub; } </script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-getCookie.js?v=106409112528121630711663566494"></script> <script> const countActiveUsers = jsonArray => { let activeUsers = 0; let arrayTest = []; if(localStorage.getItem('isIndividual') == 'true'){ for (const globalId in jsonArray) { // find out the account to upgrade for individual plans if(jsonArray[globalId].is_active === 'true' && jsonArray[globalId].is_admin === 'true' && (jsonArray[globalId].trial_date != "NonTrial" || jsonArray[globalId]?.subscription_end_date)){ activeUsers += 1; jsonArray[globalId].globalId = globalId; arrayTest.push(jsonArray[globalId]); } else{ activeUsers += 0; } } }else{ for (const globalId in jsonArray) { if(jsonArray[globalId].is_active === 'true'){ activeUsers += 1; jsonArray[globalId].globalId = globalId; arrayTest.push(jsonArray[globalId]); } else{ activeUsers += 0; } } } return arrayTest; } </script> <script> const drupalApiImageBasicUrl = "https://cms.monotypefonts.com"; const drupalHeadlessBasicUrl = "https://cms.monotypefonts.com/content/node?url="; var pathURL = "/"; let sft_auth0_login_url=''; let sft_auth0_login_url_with_prefilled_email=''; if(window.location.host.includes(".co.uk")){ sft_auth0_login_url = "https://secure.monotype.com/authorize?response_type=code&client_id=vR9LphUR57bacuEXwUC9SaZOolB5Fug9&state=STATE&redirect_uri=https://auth-api.monotype.com/api/handlelogin?params=mtfprod___mtfprod___https://www.monotypefonts.co.uk/&audience=https://monotypeidp.us.auth0.com/api/v2/&scope=openid%20profile%20email%20offline_access&ui_locales=en-GB&screen_hint=signup"; sft_auth0_login_url_with_prefilled_email = "https://secure.monotype.com/authorize?response_type=code&client_id=vR9LphUR57bacuEXwUC9SaZOolB5Fug9&state=STATE&redirect_uri=https://auth-api.monotype.com/api/handlelogin?params=mtfprod___mtfprod___https://www.monotypefonts.co.uk/&audience=https://monotypeidp.us.auth0.com/api/v2/&scope=openid%20profile%20email%20offline_access&ui_locales=en-GB&screen_hint=signup&login_hint=[emailId]"; }else{ sft_auth0_login_url = "https://secure.monotype.com/authorize?response_type=code&client_id=vR9LphUR57bacuEXwUC9SaZOolB5Fug9&state=STATE&redirect_uri=https://auth-api.monotype.com/api/handlelogin?params=mtfprod___mtfprod___https://www.monotypefonts.co.uk/&audience=https://monotypeidp.us.auth0.com/api/v2/&scope=openid%20profile%20email%20offline_access&ui_locales=en&screen_hint=signup"; sft_auth0_login_url_with_prefilled_email = "https://secure.monotype.com/authorize?response_type=code&client_id=vR9LphUR57bacuEXwUC9SaZOolB5Fug9&state=STATE&redirect_uri=https://auth-api.monotype.com/api/handlelogin?params=mtfprod___mtfprod___https://www.monotypefonts.co.uk/&audience=https://monotypeidp.us.auth0.com/api/v2/&scope=openid%20profile%20email%20offline_access&ui_locales=en&screen_hint=signup&login_hint=[emailId]"; } const drupalApiBasicUrl = "https://cms.monotypefonts.com/getcontent/block"; const auth0UserInfoUrl = "https://monotypeidp.us.auth0.com/userinfo"; const subscriptionDashboardUrl = "https://accounts.monotype.com/api/initLogin?redirectURI=/subscriptions"; const customerListDrupalAPI = ""; const freeTrialSectionDrupalAPI = "?type=flexi_highlight_component&id=346"; const headerNavigation = "?id=186&type=navigation_component"; const personaIdentification = "?id=794&type=n_resource_content"; const monotypeLogo = "//www.monotypefonts.co.uk/cdn/shop/files/monotype_logo.svg?v=17251732143187509371"; const header_user_icon="//www.monotypefonts.co.uk/cdn/shop/files/header_user_icon.svg?v=5606693953417480553"; const homePageMp4Video = "//www.monotypefonts.co.uk/cdn/shop/t/3/assets/MTF.com_HERO_LOOP.mp4?v=91260405640098410021688365652"; const homePageWebMVideo = "//www.monotypefonts.co.uk/cdn/shop/t/3/assets/MTF.com_HERO_LOOP.webm?v=181914818715238888231688365643"; const user_profile_picture=""; const header_welcome_message="Hi, User"; const login_url="https://secure.monotype.com/authorize?response_type=code&client_id=vR9LphUR57bacuEXwUC9SaZOolB5Fug9&state=STATE&redirect_uri=https://auth-api.monotype.com/api/handlelogin?params=mtfprod___mtfprod___https://www.monotypefonts.co.uk/&audience=https://monotypeidp.us.auth0.com/api/v2/&scope=openid%20profile%20email%20offline_access&ui_locales=en" let login_text="Login" let current_path="/" let menu_1="Home" let menu_2="Plans" let menu_3="Live chat" const logout_url="https://secure.monotype.com/v2/logout?response_type=code&client_id=vR9LphUR57bacuEXwUC9SaZOolB5Fug9&returnTo=https://www.monotypefonts.co.uk/account/logout" const logout_text="Logout" const cta_tooltip="Access denied! Only administrators can buy a plan." const cart_icon_grey="//www.monotypefonts.co.uk/cdn/shop/files/icon_cart_grey.svg?v=16271950064387818103" const cart_icon_white="//www.monotypefonts.co.uk/cdn/shop/files/cart-icon-white.svg?v=13660105963513840229" const user_icon="//www.monotypefonts.co.uk/cdn/shop/files/user-icon.svg?v=4919042432859155300" const cart_item_count="0" const cart_items="0"; const visit_enterprise="Go to dashboard" const trial_active_cta="Go to dashboard" const trial_expire_cta="Buy license" const before_trial_active_cta="Start free trial" const monotypefonts_url_english_us = "https://www.monotypefonts.com"; const monotypefonts_url_english_uk = "https://www.monotypefonts.co.uk"; const monotypefonts_url_fr = "https://www.monotypefonts.fr"; const monotypefonts_url_de = "https://www.monotypefonts.de"; const monotypefonts_url_es = "https://www.monotypefonts.es"; const trial_expired_cta = "You no longer have access"; var speakToSalesDrupalAPI = "?type=flexi_highlight_component&id=76"; var topHeaderDrupalAPI = ""; var emailVerifyCookie = sessionStorage.getItem('emailVerified'); var is_trial_active = false; var is_trial_expired = false; var has_active_paid_plan = false var active_trial_data = 0; let first_name=""; let last_name=""; let retry_login_links="https://secure.monotype.com/authorize?response_type=code&client_id=vR9LphUR57bacuEXwUC9SaZOolB5Fug9&state=STATE&redirect_uri=https://auth-api.monotype.com/api/handlelogin?params=mtfprod___mtfprod___[finalURL]&audience=https://monotypeidp.us.auth0.com/api/v2/&scope=openid%20profile%20email%20offline_access&ui_locales=en"; let canUserSwitchCompany = false; let id_token_metafield = ""; var switch_error_message_1 = "Login to "; var switch_error_message_2 = " was not successful."; var retry_login = "Switch company"; var switch_success_message_html = " added successfully. You have <span class='bold-company-name'>{{count}}</span> days left for the free trial."; var visit_monotype_fonts = "Go to dashboard"; var arrowBlueImg = "//www.monotypefonts.co.uk/cdn/shop/files/arrow-diagonal-up-blue.svg?v=17932839358883027267"; var closeIcon = "//www.monotypefonts.co.uk/cdn/shop/files/close-icon.svg?v=6288925595829317383"; var arrowWhiteImg = "//www.monotypefonts.co.uk/cdn/shop/files/arrow-diagonal-up-white.svg?v=5766233197020650352"; var closeIconImg = "//www.monotypefonts.co.uk/cdn/shop/files/icon-close-white.svg?v=3141409769310123521"; var switch_success_message_1 = "Switched to "; var switch_success_message_trial_expired_html = ". You no longer have access."; var switch_success_message_few_hours_trial_expired_html = ". You <span class='bold-company-name'>have a few hours left</span>."; var switch_success_message_2_html = ". You have <span class='bold-company-name'>[count] days left</span>."; var switch_success_message_3_html = ". You have <span class='bold-company-name'>[count] day left</span>."; var onTrialExpire = "Buy license"; var search_icon="//www.monotypefonts.co.uk/cdn/shop/files/search.svg?v=6575329106212058716"; var search_icon_blue="//www.monotypefonts.co.uk/cdn/shop/files/search_blue.svg?v=17234560795673046352"; var search_close_icon="//www.monotypefonts.co.uk/cdn/shop/files/search_close.svg?v=12839549186233791912"; var search_for_fonts = " Explore our library "; var write_your_text = " Write your own text here.... "; var text_size = " Text size "; var search_no_result_icon="//www.monotypefonts.co.uk/cdn/shop/files/search-no-result.svg?v=1663259914523574631"; var no_result_title=" No results found. "; var no_result_sub_title=" Try searching with different keyword(s) "; var view_this_family=" Go to dashboard "; var shop_plans=" Buy license "; var font=" Fonts "; var result=" Result "; var results=" Results "; var popular_fonts=" Popular fonts "; var hover_supporting_text=" See the family, use these fonts, and explore our advanced discovery tools "; var marketoForm = "//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-marketo.js?v=84203377918375386731660047081"; var account_redirect_url = "https://accounts.monotype.com/api/initLogin" const switchCompanyURL = "https://secure.monotype.com/authorize?response_type=code&client_id=vR9LphUR57bacuEXwUC9SaZOolB5Fug9&state=STATE&redirect_uri=https://auth-api.monotype.com/api/handlelogin?params=mtfprod___mtfprod___https://www.monotypefonts.co.uk/pages/company-list&audience=https://monotypeidp.us.auth0.com/api/v2/&scope=openid%20profile%20email%20offline_access&ui_locales=en"; const addCompanyURL = "https://www.monotypefonts.co.uk/pages/add-company"; let hasActivePaidPlan = ''; let activeUsersArray = []; var verification_redirect_url="https://enterprise.monotype.com/en/auth/externallogin?providerKey=auth0&returnUrl=/en/dashboard&orgId=[orgId]"; var isLoggedIn=false; var isAgencyFlow= false; localStorage.removeItem('currentCompanyName'); localStorage.removeItem('currentCompany'); localStorage.removeItem('loggedInCompany'); var currentCompanyData = { "trial_date" : '', "trialDayLeft" : '', "subEndDate":'' } hasActivePaidPlan = ''; const is_admin = false; const is_active = false; var userLoggedIn = false; var is_email_verified = false; localStorage.removeItem('cameFromSearchPage'); function setVerificationURLOrgId(){ let loggedInOrgId=localStorage.getItem('loggedInCompany') if(loggedInOrgId){ verification_redirect_url=verification_redirect_url.replace('[orgId]',loggedInOrgId) } else{ verification_redirect_url=verification_redirect_url.replace('&orgId=[orgId]','') } } function redirectUserToSearchPageOfEnterprise(){ setVerificationURLOrgId(); var finalUrlOfSearch = verification_redirect_url.replace('dashboard','search'); localStorage.removeItem('cameFromSearchPage'); window.location.href = finalUrlOfSearch; } function hideLoader(){ document.getElementById("loader_pop-up").style.display = 'none'; localStorage.removeItem('cameFromSearchPage'); } $(document).on('click','.in_cv',function(){ if($(this).parent('.openExpandData').hasClass('active')){ $(this).parent('.openExpandData').removeClass('active'); $(this).parent('.openExpandData').attr('aria-expanded',"false") $(this).find('a').attr('aria-expanded',"false"); $(this).parent('.openExpandData').find('> ul.mega-menu').removeAttr('style'); $('body').removeClass('overlay-active'); }else{ $('.subMenuDiv').hide(); $('.openExpandData').removeClass('active'); $('.openExpandData').attr('aria-expanded',"false") $('.in_cv').find('a').attr('aria-expanded',"false"); $('.openExpandData').find('> ul.mega-menu').removeAttr('style'); $(this).parent('.openExpandData').addClass('active'); $(this).parent('.openExpandData').attr('aria-expanded',"true") $(this).find('a').attr('aria-expanded',"true"); $(this).parent('.openExpandData').find('> ul.mega-menu').css('display','flex') $('body').addClass('overlay-active'); $(this).parent('.openExpandData').find('.subMenuDiv[data-index=0]').fadeIn(); $(this).parent('.openExpandData').find('.subMenuDiv[data-index=0]').find('.detail:eq(0)').css({'opacity':'1', 'visibility':'visible','left':0}) var $el = $(this).parent('.openExpandData').find('.subMenuDiv[data-index=0]'); setTimeout(function(){ $el.find('.detail:eq(1)').css({'opacity':'1', 'visibility':'visible','left':0}) },200) } }) $(document).on('mouseenter','.menu-nav a',function(){ var index = $(this).data('index'); if(!$('.subMenuDiv[data-index="'+index+'"]').is(':visible')){ $('.subMenuDiv').hide(); $('.subMenuDiv[data-index="'+index+'"]').fadeIn(300); $('.subMenuDiv').find('.detail').removeAttr('style'); $('.subMenuDiv[data-index="'+index+'"]').find('.detail:eq(0)').css({'opacity':'1', 'visibility':'visible','left':0}) setTimeout(function(){ $('.subMenuDiv[data-index="'+index+'"]').find('.detail:eq(1)').css({'opacity':'1', 'visibility':'visible','left':0}) },200) } }) $(document).on('click',function(e){ var el = $(e.target); if(!el.parents('ul.navigationMenu').hasClass('hasMenu') && !el.parents('.child-menu').hasClass('mega-menu')){ $('.openExpandData').removeClass('active'); $('.openExpandData').find('> ul.mega-menu').removeAttr('style'); $('body').removeClass('overlay-active'); } }) </script> <script> const navigateText = "Navigate"; </script> <script> let pop_up_header_data = "Switch company?"; let pop_up__content_data = "Looks like you are logged into <strong>[currentCompany]</strong> here. Do you want to switch it to <strong>[otherCompany]</strong>?"; let pop_up_cta1 = "Keep [currentCompany]"; let pop_up_cta2 = "Switch to [otherCompany]"; </script> <div id="email_verified_false_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <span class="pop-up-close pop-up-cross"> <img src="//www.monotypefonts.co.uk/cdn/shop/files/close-icon.svg?v=6288925595829317383" alt="close pop-up" width="14" height="14"/> </span> <h3>Your email is not verified</h3> </div> <div> <div class="pop-up-content"> <p > You are just a step away to start your free trial instantly.</p> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button"> <button class="mfbusiness-submit-button resendEmail full-width-blue" id="resendEmail" onclick="resendEmail()">Resend email</button> <button class="mfbusiness-submit-button full-width-blue" id="resendLoader"> Sending <span class="dot-pulse"> <svg height="15" width="40" class="loader"> <circle class="dot" cx="5" cy="10" r="2.5" /> <circle class="dot" cx="15" cy="10" r="2.5" /> <circle class="dot" cx="25" cy="10" r="2.5" /> </svg> </span> </button> </div> </div> </div> </div> </div> <div id="resend_email_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <span class="pop-up-close pop-up-cross"> <img src="//www.monotypefonts.co.uk/cdn/shop/files/close-icon.svg?v=6288925595829317383" alt="close pop-up" width="14" height="14"/> </span> <h3>Mail sent</h3> </div> <div> <div class="pop-up-content"> <p > Check your inbox. Please also check spam/junk folder.</p> <p class="pop-up-message">Didn't receive? <span onclick="resendMailPopUp()" id="resendMailLink" tabindex="0">Resend email</span> <span id="resendAgainLoader"> Sending <span class="dot-pulse"> <svg height="15" width="40" class="loader"> <circle class="dot" cx="5" cy="10" r="2.5" /> <circle class="dot" cx="15" cy="10" r="2.5" /> <circle class="dot" cx="25" cy="10" r="2.5" /> </svg> </span> </span> </p> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button"> <button class="mfbusiness-submit-button pop-up-close full-width-gray">Okay</button> </div> </div> </div> </div> </div> <div id="resend_email_again_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <span class="pop-up-close pop-up-cross"> <img src="//www.monotypefonts.co.uk/cdn/shop/files/close-icon.svg?v=6288925595829317383" alt="close pop-up" width="14" height="14"/> </span> <h3>Mail sent again</h3> </div> <div> <div class="pop-up-content"> <p > Check your inbox. Please write to us at <b><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c5b6b0b5b5aab7b185a8aaabaab1bcb5a0eba6aaa8">[email protected]</a></b> if you are facing any issues in recieving email.</p> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button"> <button class="mfbusiness-submit-button pop-up-close full-width-gray">Okay</button> </div> </div> </div> </div> </div> <div id="expired_trial_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <span class="pop-up-close pop-up-cross"> <img src="//www.monotypefonts.co.uk/cdn/shop/files/close-icon.svg?v=6288925595829317383" alt="close pop-up" width="14" height="14"/> </span> <h3>Oops! You no longer have access.</h3> </div> <div> <div class="pop-up-content"> <p > You can buy a plan that suits your need to use our product.</p> </div> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button expired_trial_button"> <a href=#chatwithus> <button class="mfbusiness-submit-button drift-talk-to-sales" onclick="trialExpired()">Speak to sales</button> </a> <a href="/pages/plans?q=plan-packages" class="submit-button-buy-license"> <button class="mfbusiness-submit-button" onclick="trialExpired()">Buy license</button> </a> </div> </div> </div> </div> <div id="individual_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <span class="pop-up-close pop-up-cross"> <img src="//www.monotypefonts.co.uk/cdn/shop/files/close-icon.svg?v=6288925595829317383" alt="close pop-up" width="14" height="14"/> </span> <h3>Are you sure?</h3> </div> <div> <div class="pop-up-content"> <p > This will clear your cart and you will have to start over again.</p> </div> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button expired_trial_button"> <a href="/cart"> <button class="mfbusiness-submit-button drift-talk-to-sales"">Cancel</button> </a> <button class="mfbusiness-submit-button" onclick="clearIndividualFlow()">Continue</button> </div> </div> </div> </div> <div id="creating_account_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <span class="pop-up-close pop-up-cross"> <img src="//www.monotypefonts.co.uk/cdn/shop/files/close-icon.svg?v=6288925595829317383" alt="close pop-up" width="14" height="14"/> </span> <h3>Good things are coming!</h3> </div> <div> <div class="pop-up-content"> <p > We鈥檙e sorry. There was a small glitch when trying to activate your account. Our experts are diligently working on that for you. You鈥檒l receive an email when you鈥檙e all set. If you have any questions, please email us at <a href="/cdn-cgi/l/email-protection#c9babcb9b9a6bbbd89a4a6a7a6bdb0b9ace7aaa6a4"><span class="__cf_email__" data-cfemail="21525451514e5355614c4e4f4e555851440f424e4c">[email protected]</span></a>. Thank you for your patience.</p> </div> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button expired_trial_button"> <button class="mfbusiness-submit-button pop-up-close full-width-gray">Got it</button> </div> </div> </div> </div> <div id="cart_not_allowed_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <h3>You cannot proceed.</h3> </div> <div> <div class="pop-up-content"> <p > You are not authorised to make this purchase. Please contact your administrator.</p> </div> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button expired_trial_button"> <button class="mfbusiness-submit-button full-width-gray" onclick="redirectToHome()">Ok</button> </div> </div> </div> </div> <div id="agency_different_email_login_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <h3>Logged in with different email</h3> </div> <div> <div class="pop-up-content"> <p > It seems like the email address you鈥檝e entered is different from the email address you are logged in with. Would you like to proceed?</p> </div> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button expired_trial_button"> <button class="mfbusiness-submit-button drift-talk-to-sales agency-pop-up-logout-button" onclick="handleAgencyLogout()"> No, Logout </button> <button class="mfbusiness-submit-button" onclick="continueAgencyJourney()"> Yes </button> </div> </div> </div> </div> <style> #banner-container{ display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding: 12px 24px; gap: 10px; isolation: isolate; width: 100%; height: 40px; background: #E7EAEE; display:none; } .banner-content{ width: 567px; height: 16px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; color: #1E242C; text-align:center; } @media (max-width: 1024px){ #banner-container{ background-color:#F3F4F6; height: 56px; } .banner-content{ width: 327px; height: 32px; } } </style> <div id="banner-container" > <div class="banner-content"> Scheduled Maintenance : Interruption To Log In Services March 20, 12:00 AM - 1:00 AM EST. </div> </div> <div class="cover-header-area"> <div id="isp-home0"></div> <div id="header-container"> <div class="header-skeleton"> <div class="skeleton logo"></div> <div class="right-section"> <li class="skeleton"></li> <li class="skeleton large-width"></li> <li class="skeleton"></li> <li class="skeleton large-width"></li> </div> </div> </div> <div class="mfbusiness-header-navigation-area"> <div id="naviagation-area"> <div class="preLoadingNavigation"> <ul class="navigationMenu"> <li class="skeleton"></li> <li class="skeleton"></li> <li class="skeleton"></li> <li class="skeleton"></li> <li class="skeleton"></li> <li class="skeleton"></li> <li class="skeleton"></li> </ul> </div> </div> </div> </div> <div id="isp-home1"></div> </div> <main> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> const globalLocale = "en"; </script> <div id="isp-home2"></div> <div> <div id="shopify-section-top-animation" class="shopify-section"><div id="top-animation"> <div class="preLoading" id="top-animation-cover"> <div class="innerData"> <div class="heading skeleton"> </div> <div class="subheading skeleton"></div> </div> </div> </div> <style> .preLoading{ height: 100vh; position: relative; } .preLoading .innerData{ position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; } .preLoading .heading{ height: 104px; width: 100%; } .preLoading .subheading{ height: 56px; width: 70%; margin: 30px auto 0; } </style> <script> const offline_msg_para = "Looks like you鈥檙e offline. Please check your internet connection."; const offline_msg_link = "Reload the page"; (function(){ $(document).on('click','#hide-message',function(){ $(".offline-message").css({"display":"none"}) }) })(); </script></div> </div> <div class=" "> <div id="shopify-section-persona-identification" class="shopify-section"><div id="persona-identification"> <div class="innerData"> <div class="heading skeleton"> </div> <div class="subheading skeleton"></div> </div> </div> </div> </div> <div id="isp-home3"></div> <div class="animated-section"> <div class=" "> <div id="content-block-homepage" tabindex="0"> <div class="preload"> <div class="content_block_main_wrapper"> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> </div> </div> </div> </div> <div id="isp-home9"></div> <div class=" "> <div id="visual-divider-single-homepage" tabindex="0"> <div class="preload"> <div class="text-container"> <p class="content_block_title skeleton"></p> <p class="content_block_title skeleton"></p> <p class="content_block_title skeleton"></p> <p class="content_block_title skeleton"></p> <p class="content_block_title skeleton"></p> <p class="content_block_title skeleton"></p> <p class="content_block_title skeleton"></p> <p class="content_block_title skeleton"></p> </div> </div> </div> </div> <div id="isp-home10"></div> </div> <div id="isp-home4"></div> <div class=" "> <div id="shopify-section-webfonts-promotion-block" class="shopify-section"><div className="preload-custom-height"> <div className="webfonts-promotion-block-container" id="webfonts-promotion-block-cover"> <section className="text_component_wrapper"> <div className="content_block_title-big skeleton"></div> <div className="content_block_title skeleton"></div> <div className="content_block_title skeleton"></div> </section> <section className="image_component_wrapper skeleton"></section> </div> </div> </div> </div> <div class=" "> <div id="list-element-homepage" tabindex="0"> <div class="preload"> <div class="content_block_main_wrapper"> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> <article class="content_block_item_wrapper is-inview"> <section class="text_component_wrapper"> <div class="content_block_title-big skeleton"></div> <div class="content_block_title skeleton"></div> <div class="content_block_title skeleton"></div> </section> <section class="image_component_wrapper skeleton"></section> </article> </div> </div> </div> <div id="isp-home12"></div> </div> <div class=" "> <div id="creative-community-homepage" tabindex="0"> <div class="preload"> <div class="text-container"> <p class="content_block_title skeleton"></p> <div class="a-tag-container"> <a class="content_block_a_tag skeleton"></a> </div> </div> </div> </div> </div> <div id="isp-home5"></div> <div class=" "> <div tabindex="0"> <div id="shopify-section-brands-logo" class="shopify-section"><div id="brands-logo"> <div class="preload-custom-height"> <div class="brands-logo-container" id="brands-logo-cover"> <div class="brands-logo-section"> <div class="skeleton image"></div> <div class="skeleton image"></div> <div class="skeleton image"></div> <div class="skeleton image"></div> <div class="skeleton image"></div> </div> </div> </div> </div></div> </div> </div> <div id="isp-home11"></div> <div class=" "> <div id="shopify-section-review-blocks" class="shopify-section"><div id="review-blocks"> <div class="preload-custom-height"> <div class="review-blocks-container" id="review-blocks-cover"> <div class="review-blocks-section"> <div class="skeleton image"></div> <div class="skeleton image"></div> </div> </div> </div> </div></div> </div> <div class=" " > <div id="shopify-section-visual_section" class="shopify-section"> <script> const speak_to_sales_cta = "Speak to sales"; const contact_us_heading_1_home = "Still searching?"; const sub_heading_1_home = "We can help!"; const contact_us_heading_2_home = "Let us know if you have any questions. We鈥檒l work with you to identify the right package to fit your needs."; const heading_3_home = "Interested in buying individual fonts?"; const heading_4_home = "Check out MyFonts"; </script> <div id="visual-section"> <div class="preload"> <div class="outer-div"> <div class="cover_div"> </div> <div class="help-content"> <p class="heading skeleton"></p> <p class="subheading skeleton"></p> <p class="description skeleton"></p> <p class="description skeleton"></p> <p class="description skeleton"></p> <p class="button skeleton"></p> </div> </div> </div> </div> <script> (function(){ $(document).on('click','.plans-section-cta',function() { scroll.scrollTo('#shopify-section-mfbusiness-packages',100) }) })(); </script> </div> </div> <div id="isp-home14"></div> <div id="shopify-section-mfbusiness-footer" class="shopify-section"><script> var legal = "86"; var copyright = "91"; var company_info = "96"; var connect = "101"; var support = "111"; var services = "106"; var footerContentDrupalAPI = "/footer"; </script> <div id="footer-section"> <div class="footer_skeleton" id="footer-cover"> <div class="footer__content_area"> <div class="footer_rows"> <div class="footer_block_columns"> <h2 class="heading skeleton footer-loader"></h2> <ul> <li><p class="heading skeleton footer-loader"></p></li> <li><p class="heading skeleton footer-loader"></p></li> </ul> </div> <div class="footer_block_columns" id="footer_legal_section"> <div class="footer_legal_main"> <h2 class="heading skeleton footer-loader"></h2> <ul> <li><a class="heading skeleton footer-loader"></a></li> <li><a class="heading skeleton footer-loader"></a></li> <li><a class="heading skeleton footer-loader"></a></li> </ul> </div> <div class="footer_services"> <h2 class="heading skeleton footer-loader"></h2> <ul> <li><a class="heading skeleton footer-loader"></a></li> <li><a class="heading skeleton footer-loader"></a></li> </ul> </div> </div> <div class="footer_block_columns"> <h2 class="heading skeleton footer-loader"></h2> <div class="social-links"> <a class="heading skeleton footer-loader"></a> <a class="heading skeleton footer-loader"></a> <a class="heading skeleton footer-loader"></a> <a class="heading skeleton footer-loader"></a> </div> </div> <div class="footer_block_columns"> <h2 class="heading skeleton footer-loader"></h2> <ul> <li><p class="heading skeleton footer-loader"></p></li> <li><button class='footer_sales_cta skeleton footer-loader'></button></li> <li><a class="heading skeleton footer-loader"></a></li> <li><a class="heading skeleton footer-loader"></a></li> </ul> </div> </div> <div class="footer_copyright_container"> <p class="heading skeleton footer-loader"></p> </div> </div> </div> </div> <link rel="stylesheet" href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/speak_to_sale_popup.css?v=19032947734825119221697604939" /> <div id="modal-contact-dark-overlay"></div> <div id="contact-modal-container"> <div id="contact-modal"> <div class="left-div" id="left-media"> </div> <button id="contact-modal-exit" >✕</button> <div class="right-div" id="contact-modal-form-content"> <div id="marketoData" style="display:none;"> <h3 class="hide_after_submit" >Let's talk</h3> <div class="marketo-form-wrapper" id="marketo-form"> <form id="mktoForm_4054"></form> </div> <div class="show_after_submit"> <h2 class="thankyou_heading">Got it! Will be in touch soon</h2> <p class="thankyou_para">We鈥檝e received your request and we鈥檒l have someone from the team responding to you in no time!</p> </div> </div> <div id="marketoLoader"> <svg class="spinner-container" width="65px" height="65px" viewBox="0 0 52 52"><circle class="path" cx="26px" cy="26px" r="20px" fill="none" stroke-width="5px"/> </svg> </div> </div> </div> </div> <script> const marketoId = '4054'; </script> <link href="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/footer-skeleton.css?v=94600952971790721981660047079" rel="stylesheet" type="text/css" media="all" /> <script> function removeMarketoForm(){ var element = document.querySelector('#contact-modal [id^="mktoForm_"]'); element.innerHTML = ""; document.getElementById('onLoadmarketoForm').remove(); } (function(){ $(document).on('click','#contact-modal-exit',function(){ $('body').removeClass('modal-open'); removeMarketoForm(); }) window.onclick = function(event) { if(event.target === document.querySelector('#contact-modal-container')) { $('body').removeClass('modal-open'); removeMarketoForm(); } } })(); </script></div> </main> <div id="resend_email_again_pop-up" class="pop-up-wrapper"> <div class=" pop-up-block pop-up-small " > <div class="cart-pop-up-dialoge" aria-modal="true"> <div class="pop-up-header"> <span class="pop-up-close pop-up-cross"> <img src="//www.monotypefonts.co.uk/cdn/shop/files/close-icon.svg?v=6288925595829317383" alt="close pop-up" width="14" height="14"/> </span> <h3></h3> </div> <div> <div class="pop-up-content"> <p > </p> </div> </div> <div class="pop-up-footer"> <div class="pop-up-button"> <button class="mfbusiness-submit-button pop-up-close full-width-gray">Okay</button> </div> </div> </div> </div> </div> <script> var listElementBlockDrupalApi = "?type=faq_s&id=116"; var contentBlockDrupalApi = "?type=variable_media_highlight_block&id=66"; var drupalApiVideoBasicUrl = ""; var visualDividerBlockApi = "?type=variable_media_highlight_block&id=71"; var helpSectionDrupalAPI =""; var brandsLogoDrupalAPI = "?type=social_component&id=61&cache=true"; var topAnimationDrupalAPI = "?type=flexi_highlight_component&id=56"; var visualSectionDrupalAPI = "?type=flexi_highlight_component&id=81"; var speakToSalesDrupalAPI = "?type=flexi_highlight_component&id=76"; var creativeCommunityDrupalAPI = "?type=flexi_highlight_component&id=613"; var reviewBlockAPI = "?type=gallery_grid_component&id=633" var webfontsPromotionBlockAPI = "?type=flexi_highlight_component&id=736" </script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-header.js?v=73971740677769097781730956400" defer></script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-header.bundle.js?v=56793857255786798151730955793"></script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/homepage.js?v=105803790391090269921643281991"></script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-homepage.bundle.js?v=128642174658086018391730955783"></script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/ga4-events.js?v=109548474835151979771721194741"></script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-pop-up.js?v=61774652768467541061698639204"></script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-footer.bundle.js?v=11239574064925063371723440469"></script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/mfbusiness-startFreeTrial.js?v=36605556668889359491706683465"></script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/lazysizes.js?v=63098554868324070131640161645" async></script> <!-- Brillio global object & script DON't CHANGE IT's LOCATION --> <script> var customerAnalyticsObj=null; if(""){ const companiesData = '' ? JSON.parse('') : null; customerAnalyticsObj = { email: '', auth0Id: customerAuth0Id, hasMultipleOrganization: !!companiesData, associatedOrgCnt: companiesData ? Object.keys(companiesData)?.length : 0, companiesData } } </script> <script src="//www.monotypefonts.co.uk/cdn/shop/t/3/assets/brillio-analytics.js?v=151975652133370277781723440459"></script> <script src="https://static.monotype.com/global-analytics/1.0.13/global-analytics-lib.min.js"></script> </body> </html>