CINXE.COM

Frequently Asked Questions – Pangram Pangram Foundry

<!doctype html> <html class="is-loading" lang="en" data-page="page" data-theme="light" > <head> <meta charset="utf-8"> <!-- Page title --> <title> Frequently Asked Questions &ndash; Pangram Pangram Foundry</title> <meta name="description" content="Here is a complete list of questions we get the most and their respective answers.If you have any other questions that are not answered here, feel free to contact us.   → Are the fonts really free?→ How many license do I need to purchase?→ Who should buy the license, the client or the designer?→ How can we use your fon"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff"> <link rel="manifest" href="//pangrampangram.com/cdn/shop/t/41/assets/site.webmanifest?v=181914326439945462071701283954"> <link rel="apple-touch-icon" sizes="180x180" href="//pangrampangram.com/cdn/shop/t/41/assets/apple-touch-icon.png?42017"> <link rel="icon" type="image/png" sizes="32x32" href="//pangrampangram.com/cdn/shop/t/41/assets/favicon-32x32.png?v=112257638596868017101701283953"> <link rel="icon" type="image/png" sizes="16x16" href="//pangrampangram.com/cdn/shop/t/41/assets/favicon-16x16.png?v=135129771641340778561701283953"> <link rel="mask-icon" href="//pangrampangram.com/cdn/shop/t/41/assets/safari-pinned-tab.svg?42017" color="#000000"> <link rel="canonical" href="https://pangrampangram.com/pages/faq"> <!-- START SENDINBLUE --> <style> @font-face { font-display: block; font-family: Roboto; src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format('woff2'), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format('woff'); } @font-face { font-display: fallback; font-family: Roboto; font-weight: 600; src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format('woff2'), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format('woff'); } @font-face { font-display: fallback; font-family: Roboto; font-weight: 700; src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format('woff2'), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format('woff'); } #sib-container input:-ms-input-placeholder { text-align: left; font-family: 'Helvetica', sans-serif; color: #c0ccda; } #sib-container input::placeholder { text-align: left; font-family: 'Helvetica', sans-serif; color: #c0ccda; } #sib-container textarea::placeholder { text-align: left; font-family: 'Helvetica', sans-serif; color: #c0ccda; } </style> <link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css"> <!-- END SENDINBLUE --> <link id="stylesheet" rel="stylesheet" href="//pangrampangram.com/cdn/shop/t/41/assets/main.css?v=115404874160094929531731355392" media="print" onload="this.media='all'; this.onload=null; this.isLoaded=true" > <style data-shopify> @font-face { font-family: 'Neue Montreal'; src: url('//pangrampangram.com/cdn/shop/files/PPNeueMontreal-Variable.ttf?v=3406151675705070910') format('truetype'); font-weight: 1 999; font-display: swap; } @font-face { font-family: 'Neue Montreal'; src: url('//pangrampangram.com/cdn/shop/files/PPNeueMontreal-Italic.woff2?v=829860060225883942') format('woff'); font-weight: 1 999; font-display: swap; font-style: italic; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style id="style-critical"> .c-loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #1c1c1c; z-index: 9000; transition: transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1); transform-origin: center top; } .is-ready .c-loader { transform: scaleY(0); } /* 2024-09-12 FCote: Temporary Styles used for the transition to the new pp.com theme */ .productDescription p + p { margin-top: 1rem; } .pp-hide { display: none; } </style> <style id="style-ufont"></style> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/26426578/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="0db26ef5db308adcaf63c51d61539015"> <meta id="in-context-paypal-metadata" data-shop-id="26426578" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=26426578" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":26426578,"countryCode":"CA","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/26426578","merchantName":"Pangram Pangram Foundry","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","jcb"],"total":{"type":"pending","label":"Pangram Pangram Foundry","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"0db26ef5db308adcaf63c51d61539015","betas":["rich-media-storefront-analytics"],"domain":"pangrampangram.com","predictiveSearch":true,"shopId":26426578,"smart_payment_buttons_url":"https:\/\/pangrampangram.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/pangrampangram.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "pangrampangram.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"pangrampangram-theme\/main","id":163543875887,"schema_name":"PangramPangram.com","schema_version":"1.5.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "pangrampangram.com/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>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_Ztg3e7fA.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=pangrampangram.myshopify.com","https:\/\/node1.itoris.com\/dpo\/storefront\/include.js?shop=pangrampangram.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":26426578,"offset":-18000,"reqid":"8ec44c99-4ef0-4d6b-b37a-17d623d5f8f7-1732688108","pageurl":"pangrampangram.com\/pages\/faq","s":"pages-8569389098","u":"0189b9d58fbf","p":"page","rtyp":"page","rid":8569389098};</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="//pangrampangram.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//pangrampangram.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//pangrampangram.com/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: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/2642/6578/files/Official-PPF-Logo-2020a_2f08d4ff-fe51-43ec-972e-bed028c1a8e3.jpg?v=1618922156" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/2642/6578/files/Official-PPF-Logo-2020a_2f08d4ff-fe51-43ec-972e-bed028c1a8e3.jpg?v=1618922156" /> <meta property="og:image:width" content="2800" /> <meta property="og:image:height" content="2800" /> <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: 26426578,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};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: 26426578,storefrontBaseUrl: "https://pangrampangram.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"769458479","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-3BDNHLGGVE\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-3BDNHLGGVE\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-3BDNHLGGVE\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-3BDNHLGGVE\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-3BDNHLGGVE\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-3BDNHLGGVE\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-3BDNHLGGVE\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-3BDNHLGGVE\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"416088367","configuration":"{\"pixel_id\":\"274740560797229\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"219906351","configuration":"{\"tagID\":\"2613947158159\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4fd0680eed907adaf3f85849c393d688","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"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":"Pangram Pangram Foundry","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"pangrampangram.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/pangrampangram.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://pangrampangram.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":8569389098}}; 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: 26426578, theme_id: 163543875887, app_name: "storefront", context_url: window.location.href, source_url: "//pangrampangram.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//pangrampangram.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//pangrampangram.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":26426578,"isMerchantRequest":null,"themeId":163543875887,"themeCityHash":"1147710648799824274","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-25009516-8","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["1146785409087348"],"agent":"plshopify1.2"},"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":"page","resourceType":"page","resourceId":8569389098}); 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 = "//pangrampangram.com/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 = "PangramPangram.com"; window.BOOMR.themeVersion = "1.5.0"; window.BOOMR.shopId = 26426578; window.BOOMR.themeId = 163543875887; })();</script> <script defer src="https://pangrampangram.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="26426578" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="163543875887" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body data-module-load> <div class="c-loader"></div> <div class="u-none"><?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs> <path id="payment_visa-a" d="M257.55372,110.219807 C257.269592,87.8186298 277.517385,75.3170383 292.770523,67.8848721 C308.442375,60.2583031 313.706203,55.3683265 313.646387,48.5492766 C313.526754,38.111345 301.144795,33.5054955 289.555401,33.3260468 C269.337516,33.0120116 257.583628,38.7842775 248.237342,43.1508621 L240.954716,9.07056667 C250.33091,4.74884425 267.69257,0.980421938 285.697254,0.815927313 C327.957419,0.815927313 355.60747,21.6768365 355.757011,54.0224614 C355.921505,95.0713473 298.976457,97.344364 299.365262,115.692992 C299.499849,121.255901 304.808539,127.192661 316.442795,128.703021 C322.200107,129.465678 338.096269,130.048886 356.115908,121.749385 L363.189177,154.72308 C353.498948,158.252237 341.042219,161.631854 325.534862,161.631854 C285.757071,161.631854 257.77803,140.486818 257.55372,110.219807 M431.155365,158.790583 C423.439072,158.790583 416.934057,154.289412 414.03297,147.380638 L353.663443,3.23848451 L395.893699,3.23848451 L404.297879,26.4621347 L455.904329,26.4621347 L460.779351,3.23848451 L497.999999,3.23848451 L465.519787,158.790583 L431.155365,158.790583 M437.062217,116.769684 L449.249774,58.3591379 L415.872319,58.3591379 L437.062217,116.769684 M206.351029,158.790583 L173.063299,3.23848451 L213.304665,3.23848451 L246.577442,158.790583 L206.351029,158.790583 M146.818929,158.790583 L104.932616,52.9158612 L87.9896695,142.939283 C86.0007799,152.988409 78.1499001,158.790583 69.431685,158.790583 L0.957058884,158.790583 L-7.51200659e-07,154.274458 C14.0568126,151.223831 30.0277453,146.303946 39.7030201,141.040118 C45.6248265,137.824996 47.314635,135.013633 49.2586623,127.37211 L81.3500682,3.23848451 L123.879406,3.23848451 L189.079093,158.790583 L146.818929,158.790583"/> </defs><symbol id="align-center" viewBox="0 0 22 10"> <g fill="none" fill-rule="evenodd" transform="translate(1.499)"> <line x1=".249" x2="19.249" y1=".5" y2=".5"/> <line x1=".5" x2="19.5" y1="6.5" y2="6.5"/> <line x1="2.5" x2="17.5" y1="3.5" y2="3.5"/> <line x1="4.249" x2="16.249" y1="9.5" y2="9.5"/> </g> </symbol><symbol id="align-left" viewBox="0 0 22 10"> <g fill="none" fill-rule="evenodd" transform="translate(1.499)"> <line x1=".249" x2="19.249" y1=".5" y2=".5"/> <line x1=".249" x2="19.249" y1="6.5" y2="6.5"/> <line x1=".249" x2="16.249" y1="3.5" y2="3.5"/> <line x1=".249" x2="12.249" y1="9.5" y2="9.5"/> </g> </symbol><symbol id="align-right" viewBox="0 0 21 10"> <g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 20.75 0)"> <line x1=".249" x2="19.249" y1=".5" y2=".5"/> <line x1=".249" x2="19.249" y1="6.5" y2="6.5"/> <line x1=".249" x2="16.249" y1="3.5" y2="3.5"/> <line x1=".249" x2="12.249" y1="9.5" y2="9.5"/> </g> </symbol><symbol id="check" viewBox="0 0 14 15"> <g fill="none" fill-rule="evenodd"> <path fill="#FFF" d="M7,14.07189 C3.1340542,14.07189 0,10.9377649 0,7.07173165 C0,3.20569839 3.1340542,0.07189 7,0.07189 C10.8659458,0.07189 14,3.20569839 14,7.07173165 C13.990499,10.9342811 10.8621454,14.0627055 7,14.07189"/> <path fill="#000" d="M11.5788129,3.89391 C11.7874093,4.20471 11.7281273,4.64291 11.4469343,4.87321 C11.4463002,4.87321 11.4459832,4.87356 11.4456662,4.87391 C9.56290917,6.38591 6.51321684,10.28141 6.48119824,10.31991 C6.36770657,10.46516 6.20476043,10.55231 6.03103575,10.5614308 L6.00250433,10.5614308 C5.83892415,10.56281 5.68105027,10.49351 5.56216933,10.36891 L2.8989193,7.55141 C2.64594066,7.28366 2.63738124,6.84021 2.88021537,6.56091 C3.12241546,6.28161 3.52407453,6.27216 3.77737018,6.53991 L5.96446243,8.85341 C6.88697851,7.69141 9.12542732,5.02091 10.6911685,3.74691 C10.9726786,3.51696 11.3698994,3.58206 11.5781788,3.89286 C11.5784958,3.89321 11.5784958,3.89356 11.5788129,3.89391"/> </g> </symbol><symbol id="close" viewBox="0 0 22 22"> <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)"> <line x2="20" y2="20"/> <line x2="20" y2="20" transform="matrix(-1 0 0 1 20 0)"/> </g> </symbol><symbol id="cross" viewBox="0 0 50.77 50.62"> <title>cross</title> <rect x="-8.24" y="23.22" width="67.41" height="4.18" transform="translate(-10.44 25.42) rotate(-45)"/> <rect x="-8.39" y="23.22" width="67.41" height="4.18" transform="translate(25.31 61.11) rotate(-135)"/> </symbol><symbol id="download" viewBox="0 0 23 24"> <g transform="translate(1.269 -.5)"> <polygon points="11.934 18 19.231 10 11.934 2 10.357 3.452 15.466 8.963 .231 8.963 .231 11.037 15.466 11.037 10.357 16.548" transform="rotate(90 9.731 10)"/> <polygon points="1 18 1 21.944 19 21.944 19 18.117 21 18.117 21 23.944 -1 23.944 -1 18"/> </g> </symbol><symbol id="eye" viewBox="0 0 24.1 14.7"> <style type="text/css"> .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#1C1C1C;} </style> <path class="st0" d="M12,10.5c-1.7,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2s3.2,1.4,3.2,3.2S13.8,10.5,12,10.5 M12,2.8 c-2.5,0-4.5,2-4.5,4.5s2,4.5,4.5,4.5s4.5-2,4.5-4.5S14.5,2.8,12,2.8 M12.1,13.4c-5.4,0-9.5-4.7-10.7-6c1.1-1.3,5.3-6,10.6-6 c4.3,0.1,8.3,2.3,10.7,6C20.4,11,16.4,13.3,12.1,13.4 M24.1,7c-2.5-4.3-7.1-7-12-7C5.2,0,0.3,6.7,0.1,7C0,7.2,0,7.5,0.1,7.7 c0.1,0.3,5,7,11.9,7c4.9-0.1,9.5-2.7,12-7C24.2,7.5,24.2,7.2,24.1,7"/> </symbol><symbol id="logo" viewBox="0 0 198 16"> <g fill-rule="evenodd" transform="translate(.976 .5)"> <path fill-rule="nonzero" d="M1.904,11.5 L1.904,6.924 L4.864,6.924 C7.056,6.924 8.64,5.884 8.64,3.484 C8.64,1.084 7.056,0.06 4.864,0.06 L4.26325641e-14,0.06 L4.26325641e-14,11.5 L1.904,11.5 Z M4.784,5.292 L1.904,5.292 L1.904,1.676 L4.784,1.676 C6.064,1.676 6.736,2.236 6.736,3.484 C6.736,4.748 6.064,5.292 4.784,5.292 Z M11.6,11.74 C12.864,11.74 13.792,11.244 14.304,10.524 L14.336,10.524 C14.496,11.324 14.912,11.644 15.808,11.644 C16.128,11.644 16.4,11.612 16.784,11.468 L16.784,10.668 C16.128,10.732 16,10.428 16,9.852 L16,5.964 C16,3.788 14.656,3.1 12.848,3.1 C10.384,3.1 9.376,4.332 9.296,5.9 L10.928,5.9 C11.008,4.844 11.504,4.428 12.848,4.428 C13.968,4.428 14.32,4.876 14.32,5.468 C14.32,6.252 13.552,6.412 12.288,6.652 C10.24,7.052 8.912,7.612 8.912,9.404 C8.912,10.78 9.936,11.74 11.6,11.74 Z M11.968,10.412 C11.056,10.412 10.608,9.996 10.608,9.244 C10.608,8.412 11.216,8.012 12.608,7.708 C13.392,7.548 14.048,7.356 14.32,7.164 L14.32,8.396 C14.32,9.724 13.36,10.412 11.968,10.412 Z M19.44,11.5 L19.44,6.524 C19.44,5.308 20.272,4.524 21.568,4.524 C22.72,4.524 23.184,5.228 23.184,6.332 L23.184,11.5 L24.88,11.5 L24.88,5.852 C24.88,3.98 23.68,3.1 22.16,3.1 C20.752,3.1 19.904,3.74 19.472,4.38 L19.44,4.38 L19.44,3.324 L17.76,3.324 L17.76,11.5 L19.44,11.5 Z M30.016,14.332 C32.336,14.332 33.76,13.292 33.76,10.94 L33.76,3.324 L32.08,3.324 L32.08,4.284 L32.048,4.284 C31.616,3.708 30.864,3.1 29.568,3.1 C27.52,3.1 25.984,4.508 25.984,7.1 C25.984,9.676 27.52,11.1 29.568,11.1 C30.864,11.1 31.616,10.492 32.048,9.884 L32.08,9.884 L32.08,10.876 C32.08,12.348 31.36,12.988 29.952,12.988 C28.624,12.988 28.048,12.444 27.888,11.724 L26.192,11.724 C26.368,13.1 27.664,14.332 30.016,14.332 Z M29.888,9.724 C28.416,9.724 27.664,8.604 27.664,7.1 C27.664,5.58 28.416,4.476 29.888,4.476 C31.248,4.476 32.064,5.372 32.064,7.1 C32.064,8.828 31.248,9.724 29.888,9.724 Z M37.04,11.5 L37.04,7.324 C37.04,5.58 38.336,4.492 39.952,4.764 L39.984,4.764 L39.984,3.18 C39.744,3.148 39.536,3.132 39.248,3.132 C38.176,3.132 37.504,3.836 37.072,4.86 L37.04,4.86 L37.04,3.324 L35.36,3.324 L35.36,11.5 L37.04,11.5 Z M42.992,11.74 C44.256,11.74 45.184,11.244 45.696,10.524 L45.728,10.524 C45.888,11.324 46.304,11.644 47.2,11.644 C47.52,11.644 47.792,11.612 48.176,11.468 L48.176,10.668 C47.52,10.732 47.392,10.428 47.392,9.852 L47.392,5.964 C47.392,3.788 46.048,3.1 44.24,3.1 C41.776,3.1 40.768,4.332 40.688,5.9 L42.32,5.9 C42.4,4.844 42.896,4.428 44.24,4.428 C45.36,4.428 45.712,4.876 45.712,5.468 C45.712,6.252 44.944,6.412 43.68,6.652 C41.632,7.052 40.304,7.612 40.304,9.404 C40.304,10.78 41.328,11.74 42.992,11.74 Z M43.36,10.412 C42.448,10.412 42,9.996 42,9.244 C42,8.412 42.608,8.012 44,7.708 C44.784,7.548 45.44,7.356 45.712,7.164 L45.712,8.396 C45.712,9.724 44.752,10.412 43.36,10.412 Z M50.832,11.5 L50.832,6.524 C50.832,5.308 51.552,4.524 52.672,4.524 C53.84,4.524 54.064,5.228 54.064,6.332 L54.064,11.5 L55.76,11.5 L55.76,6.524 C55.76,5.308 56.464,4.524 57.6,4.524 C58.752,4.524 58.976,5.228 58.976,6.332 L58.976,11.5 L60.672,11.5 L60.672,5.852 C60.672,4.092 59.824,3.1 58.176,3.1 C56.912,3.1 56.112,3.724 55.504,4.508 L55.472,4.508 C55.136,3.628 54.448,3.1 53.296,3.1 C52.064,3.1 51.296,3.74 50.864,4.38 L50.832,4.38 L50.832,3.324 L49.152,3.324 L49.152,11.5 L50.832,11.5 Z M67.344,11.5 L67.344,6.924 L70.304,6.924 C72.496,6.924 74.08,5.884 74.08,3.484 C74.08,1.084 72.496,0.06 70.304,0.06 L65.44,0.06 L65.44,11.5 L67.344,11.5 Z M70.224,5.292 L67.344,5.292 L67.344,1.676 L70.224,1.676 C71.504,1.676 72.176,2.236 72.176,3.484 C72.176,4.748 71.504,5.292 70.224,5.292 Z M77.04,11.74 C78.304,11.74 79.232,11.244 79.744,10.524 L79.776,10.524 C79.936,11.324 80.352,11.644 81.248,11.644 C81.568,11.644 81.84,11.612 82.224,11.468 L82.224,10.668 C81.568,10.732 81.44,10.428 81.44,9.852 L81.44,5.964 C81.44,3.788 80.096,3.1 78.288,3.1 C75.824,3.1 74.816,4.332 74.736,5.9 L76.368,5.9 C76.448,4.844 76.944,4.428 78.288,4.428 C79.408,4.428 79.76,4.876 79.76,5.468 C79.76,6.252 78.992,6.412 77.728,6.652 C75.68,7.052 74.352,7.612 74.352,9.404 C74.352,10.78 75.376,11.74 77.04,11.74 Z M77.408,10.412 C76.496,10.412 76.048,9.996 76.048,9.244 C76.048,8.412 76.656,8.012 78.048,7.708 C78.832,7.548 79.488,7.356 79.76,7.164 L79.76,8.396 C79.76,9.724 78.8,10.412 77.408,10.412 Z M84.88,11.5 L84.88,6.524 C84.88,5.308 85.712,4.524 87.008,4.524 C88.16,4.524 88.624,5.228 88.624,6.332 L88.624,11.5 L90.32,11.5 L90.32,5.852 C90.32,3.98 89.12,3.1 87.6,3.1 C86.192,3.1 85.344,3.74 84.912,4.38 L84.88,4.38 L84.88,3.324 L83.2,3.324 L83.2,11.5 L84.88,11.5 Z M95.456,14.332 C97.776,14.332 99.2,13.292 99.2,10.94 L99.2,3.324 L97.52,3.324 L97.52,4.284 L97.488,4.284 C97.056,3.708 96.304,3.1 95.008,3.1 C92.96,3.1 91.424,4.508 91.424,7.1 C91.424,9.676 92.96,11.1 95.008,11.1 C96.304,11.1 97.056,10.492 97.488,9.884 L97.52,9.884 L97.52,10.876 C97.52,12.348 96.8,12.988 95.392,12.988 C94.064,12.988 93.488,12.444 93.328,11.724 L91.632,11.724 C91.808,13.1 93.104,14.332 95.456,14.332 Z M95.328,9.724 C93.856,9.724 93.104,8.604 93.104,7.1 C93.104,5.58 93.856,4.476 95.328,4.476 C96.688,4.476 97.504,5.372 97.504,7.1 C97.504,8.828 96.688,9.724 95.328,9.724 Z M102.48,11.5 L102.48,7.324 C102.48,5.58 103.776,4.492 105.392,4.764 L105.424,4.764 L105.424,3.18 C105.184,3.148 104.976,3.132 104.688,3.132 C103.616,3.132 102.944,3.836 102.512,4.86 L102.48,4.86 L102.48,3.324 L100.8,3.324 L100.8,11.5 L102.48,11.5 Z M108.432,11.74 C109.696,11.74 110.624,11.244 111.136,10.524 L111.168,10.524 C111.328,11.324 111.744,11.644 112.64,11.644 C112.96,11.644 113.232,11.612 113.616,11.468 L113.616,10.668 C112.96,10.732 112.832,10.428 112.832,9.852 L112.832,5.964 C112.832,3.788 111.488,3.1 109.68,3.1 C107.216,3.1 106.208,4.332 106.128,5.9 L107.76,5.9 C107.84,4.844 108.336,4.428 109.68,4.428 C110.8,4.428 111.152,4.876 111.152,5.468 C111.152,6.252 110.384,6.412 109.12,6.652 C107.072,7.052 105.744,7.612 105.744,9.404 C105.744,10.78 106.768,11.74 108.432,11.74 Z M108.8,10.412 C107.888,10.412 107.44,9.996 107.44,9.244 C107.44,8.412 108.048,8.012 109.44,7.708 C110.224,7.548 110.88,7.356 111.152,7.164 L111.152,8.396 C111.152,9.724 110.192,10.412 108.8,10.412 Z M116.272,11.5 L116.272,6.524 C116.272,5.308 116.992,4.524 118.112,4.524 C119.28,4.524 119.504,5.228 119.504,6.332 L119.504,11.5 L121.2,11.5 L121.2,6.524 C121.2,5.308 121.904,4.524 123.04,4.524 C124.192,4.524 124.416,5.228 124.416,6.332 L124.416,11.5 L126.112,11.5 L126.112,5.852 C126.112,4.092 125.264,3.1 123.616,3.1 C122.352,3.1 121.552,3.724 120.944,4.508 L120.912,4.508 C120.576,3.628 119.888,3.1 118.736,3.1 C117.504,3.1 116.736,3.74 116.304,4.38 L116.272,4.38 L116.272,3.324 L114.592,3.324 L114.592,11.5 L116.272,11.5 Z M141.904,11.5 L141.904,6.636 L146.848,6.636 L146.848,5.004 L141.904,5.004 L141.904,1.676 L148,1.676 L148,0.06 L140,0.06 L140,11.5 L141.904,11.5 Z M152.16,11.74 C154.72,11.74 156.272,9.964 156.272,7.42 C156.272,4.876 154.72,3.1 152.16,3.1 C149.6,3.1 148.048,4.876 148.048,7.42 C148.048,9.964 149.6,11.74 152.16,11.74 Z M152.16,10.364 C150.56,10.364 149.728,9.1 149.728,7.42 C149.728,5.724 150.56,4.476 152.16,4.476 C153.76,4.476 154.592,5.724 154.592,7.42 C154.592,9.1 153.76,10.364 152.16,10.364 Z M160.096,11.724 C161.504,11.724 162.352,11.084 162.784,10.444 L162.816,10.444 L162.816,11.5 L164.496,11.5 L164.496,3.324 L162.816,3.324 L162.816,8.3 C162.816,9.516 161.984,10.3 160.688,10.3 C159.536,10.3 159.072,9.596 159.072,8.492 L159.072,3.324 L157.376,3.324 L157.376,8.972 C157.376,10.844 158.576,11.724 160.096,11.724 Z M167.776,11.5 L167.776,6.524 C167.776,5.308 168.608,4.524 169.904,4.524 C171.056,4.524 171.52,5.228 171.52,6.332 L171.52,11.5 L173.216,11.5 L173.216,5.852 C173.216,3.98 172.016,3.1 170.496,3.1 C169.088,3.1 168.24,3.74 167.808,4.38 L167.776,4.38 L167.776,3.324 L166.096,3.324 L166.096,11.5 L167.776,11.5 Z M177.968,11.74 C179.232,11.74 180.032,11.116 180.464,10.556 L180.496,10.556 L180.496,11.5 L182.176,11.5 L182.176,0.06 L180.496,0.06 L180.496,4.316 L180.464,4.316 C180.032,3.692 179.232,3.1 177.968,3.1 C175.872,3.1 174.32,4.732 174.32,7.42 C174.32,10.108 175.872,11.74 177.968,11.74 Z M178.256,10.364 C176.784,10.364 176,9.02 176,7.42 C176,5.82 176.784,4.476 178.256,4.476 C179.632,4.476 180.48,5.596 180.48,7.42 C180.48,9.228 179.632,10.364 178.256,10.364 Z M185.456,11.5 L185.456,7.324 C185.456,5.58 186.752,4.492 188.368,4.764 L188.4,4.764 L188.4,3.18 C188.16,3.148 187.952,3.132 187.664,3.132 C186.592,3.132 185.92,3.836 185.488,4.86 L185.456,4.86 L185.456,3.324 L183.776,3.324 L183.776,11.5 L185.456,11.5 Z M190.912,14.284 C192.48,14.284 193.008,13.276 193.472,12.012 L196.736,3.324 L194.944,3.324 L192.848,9.58 L192.816,9.58 L190.528,3.324 L188.72,3.324 L191.68,10.668 C191.984,11.436 191.76,12.076 191.456,12.444 C191.088,12.892 190.56,12.94 189.856,12.844 L189.712,12.844 L189.712,14.124 C190.032,14.204 190.432,14.284 190.912,14.284 Z"/> <circle cx="132.274" cy="4.25" r="4.25"/> </g> </symbol><symbol id="payment_applepay" viewBox="0 0 512 210.2"> <path id="XMLID_34_" d="M93.6,27.1C87.6,34.2,78,39.8,68.4,39c-1.2-9.6,3.5-19.8,9-26.1c6-7.3,16.5-12.5,25-12.9 C103.4,10,99.5,19.8,93.6,27.1 M102.3,40.9c-13.9-0.8-25.8,7.9-32.4,7.9c-6.7,0-16.8-7.5-27.8-7.3c-14.3,0.2-27.6,8.3-34.9,21.2 c-15,25.8-3.9,64,10.6,85c7.1,10.4,15.6,21.8,26.8,21.4c10.6-0.4,14.8-6.9,27.6-6.9c12.9,0,16.6,6.9,27.8,6.7 c11.6-0.2,18.9-10.4,26-20.8c8.1-11.8,11.4-23.3,11.6-23.9c-0.2-0.2-22.4-8.7-22.6-34.3c-0.2-21.4,17.5-31.6,18.3-32.2 C123.3,42.9,107.7,41.3,102.3,40.9 M182.6,11.9v155.9h24.2v-53.3h33.5c30.6,0,52.1-21,52.1-51.4c0-30.4-21.1-51.2-51.3-51.2H182.6z M206.8,32.3h27.9c21,0,33,11.2,33,30.9c0,19.7-12,31-33.1,31h-27.8V32.3z M336.6,169c15.2,0,29.3-7.7,35.7-19.9h0.5v18.7h22.4V90.2 c0-22.5-18-37-45.7-37c-25.7,0-44.7,14.7-45.4,34.9h21.8c1.8-9.6,10.7-15.9,22.9-15.9c14.8,0,23.1,6.9,23.1,19.6v8.6l-30.2,1.8 c-28.1,1.7-43.3,13.2-43.3,33.2C298.4,155.6,314.1,169,336.6,169z M343.1,150.5c-12.9,0-21.1-6.2-21.1-15.7c0-9.8,7.9-15.5,23-16.4 l26.9-1.7v8.8C371.9,140.1,359.5,150.5,343.1,150.5z M425.1,210.2c23.6,0,34.7-9,44.4-36.3L512,54.7h-24.6l-28.5,92.1h-0.5 l-28.5-92.1h-25.3l41,113.5l-2.2,6.9c-3.7,11.7-9.7,16.2-20.4,16.2c-1.9,0-5.6-0.2-7.1-0.4v18.7C417.3,210,423.3,210.2,425.1,210.2z "/> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </symbol><symbol id="payment_mastercard" viewBox="0 0 51 32"> <g fill="none" fill-rule="evenodd" transform="translate(1.324 .978)"> <path fill="#1C1C1C" d="M29.2725907,14.636411 C29.2725907,22.7201027 22.7201027,29.2723594 14.6366423,29.2723594 C6.55295058,29.2723594 1.3500312e-13,22.7201027 1.3500312e-13,14.636411 C1.3500312e-13,6.55295058 6.55295058,-6.44817533e-13 14.6366423,-6.44817533e-13 C22.7201027,-6.44817533e-13 29.2725907,6.55295058 29.2725907,14.636411"/> <path fill="#959595" fill-opacity=".75" d="M48.6987157,14.636411 C48.6987157,22.7201027 42.1462277,29.2723594 34.0627673,29.2723594 C25.9790756,29.2723594 19.426125,22.7201027 19.426125,14.636411 C19.426125,6.55295058 25.9790756,-6.44817533e-13 34.0627673,-6.44817533e-13 C42.1462277,-6.44817533e-13 48.6987157,6.55295058 48.6987157,14.636411"/> </g> </symbol><symbol id="payment_paypal" viewBox="0 0 89 25"> <g fill="none"> <path fill="#1C1C1C" d="M11.211,0.748999808 L4.372,0.748999808 C3.90424012,0.748704965 3.50587199,1.08895123 3.433,1.551 L0.667,19.088 C0.641265449,19.25269 0.68891022,19.4203923 0.797389691,19.5469517 C0.905869163,19.6735111 1.06431163,19.7462439 1.231,19.7460006 L4.496,19.7460006 C4.96408383,19.7462178 5.36257023,19.4054462 5.435,18.943 L6.181,14.213 C6.25337113,13.7509281 6.651295,13.4102747 7.119,13.41 L9.284,13.41 C13.789,13.41 16.389,11.23 17.068,6.91 C17.374,5.02 17.081,3.535 16.196,2.495 C15.224,1.353 13.5,0.748999808 11.211,0.748999808 L11.211,0.748999808 Z M12,7.154 C11.626,9.608 9.751,9.608 7.938,9.608 L6.906,9.608 L7.63,5.025 C7.67378796,4.74799991 7.91256028,4.544 8.193,4.544 L8.666,4.544 C9.901,4.544 11.066,4.544 11.668,5.248 C12.027,5.668 12.137,6.292 12,7.154 L12,7.154 Z M31.654,7.075 L28.379,7.075 C28.0985603,7.07500437 27.859788,7.27899991 27.816,7.556 L27.671,8.472 L27.442,8.14 C26.733,7.111 25.152,6.767 23.574,6.767 C19.955,6.767 16.864,9.508 16.262,13.353 C15.949,15.271 16.394,17.105 17.482,18.384 C18.48,19.56 19.908,20.05 21.607,20.05 C24.523,20.05 26.14,18.175 26.14,18.175 L25.994,19.085 C25.9676712,19.2496564 26.0147632,19.4175849 26.122869,19.5445418 C26.2309748,19.6714988 26.3892521,19.7447514 26.556,19.745 L29.506,19.745 C29.9740838,19.7452178 30.3725702,19.4044462 30.445,18.942 L32.215,7.733 C32.2413658,7.56870469 32.1943624,7.40111094 32.0864056,7.27448778 C31.9784488,7.14786461 31.8203974,7.07494855 31.654,7.075 L31.654,7.075 Z M27.089,13.449 C26.773,15.32 25.288,16.576 23.394,16.576 C22.443,16.576 21.683,16.271 21.195,15.693 C20.711,15.119 20.527,14.302 20.681,13.392 C20.976,11.537 22.486,10.24 24.351,10.24 C25.281,10.24 26.037,10.549 26.535,11.132 C27.034,11.721 27.232,12.543 27.089,13.449 L27.089,13.449 Z M49.096,7.07499798 L45.805,7.07499798 C45.4898984,7.0754988 45.1953683,7.23155856 45.018,7.492 L40.479,14.178 L38.555,7.753 C38.4337359,7.35064098 38.0632353,7.07520304 37.643,7.07499798 L34.409,7.07499798 C34.224812,7.0745102 34.0517392,7.16305306 33.9443627,7.31270523 C33.8369863,7.4623574 33.808542,7.65467212 33.868,7.829 L37.493,18.467 L34.085,23.278 C33.9615278,23.451893 33.9454599,23.6801667 34.0433552,23.8696415 C34.1412505,24.0591162 34.3367299,24.1780009 34.55,24.1780009 L37.837,24.1780009 C38.1485191,24.1784291 38.4404112,24.0259425 38.618,23.77 L49.564,7.97 C49.6849232,7.79577095 49.6991171,7.56881201 49.6008436,7.38087452 C49.5025701,7.19293703 49.3080806,7.07499798 49.096,7.07499798 L49.096,7.07499798 Z"/> <path fill="#A4A4A4" d="M59.992,0.749 L53.152,0.749 C52.6846189,0.749197176 52.286813,1.0893254 52.214,1.551 L49.448,19.088 C49.4219639,19.2524065 49.4692245,19.4199694 49.5773303,19.5465416 C49.685436,19.6731138 49.8435447,19.746 50.01,19.746 L53.52,19.746 C53.8471338,19.7455204 54.1253315,19.5071864 54.176,19.184 L54.961,14.213 C55.0333711,13.7509281 55.431295,13.4102747 55.899,13.41 L58.063,13.41 C62.569,13.41 65.168,11.23 65.848,6.91 C66.155,5.02 65.86,3.535 64.975,2.495 C64.004,1.353 62.281,0.749 59.992,0.749 L59.992,0.749 Z M60.781,7.154 C60.408,9.608 58.533,9.608 56.719,9.608 L55.688,9.608 L56.413,5.025 C56.4559442,4.74793582 56.6946277,4.54365332 56.975,4.54399956 L57.448,4.54399956 C58.682,4.54399956 59.848,4.54399956 60.45,5.248 C60.809,5.668 60.918,6.292 60.781,7.154 L60.781,7.154 Z M80.434,7.075 L77.161,7.075 C76.8804711,7.07422834 76.6415485,7.27871553 76.599,7.556 L76.454,8.472 L76.224,8.14 C75.515,7.111 73.935,6.767 72.357,6.767 C68.738,6.767 65.648,9.508 65.046,13.353 C64.734,15.271 65.177,17.105 66.265,18.384 C67.265,19.56 68.691,20.05 70.39,20.05 C73.306,20.05 74.923,18.175 74.923,18.175 L74.777,19.085 C74.7506158,19.2500015 74.7979624,19.4182701 74.9065178,19.545303 C75.0150732,19.6723359 75.1739027,19.7453372 75.341,19.745 L78.29,19.745 C78.757705,19.7447253 79.1556289,19.4040719 79.228,18.942 L80.999,7.733 C81.0244065,7.56819946 80.9765054,7.40052738 80.8678769,7.27401835 C80.7592483,7.14750931 80.6007473,7.07480527 80.434,7.075 L80.434,7.075 Z M75.869,13.449 C75.555,15.32 74.068,16.576 72.174,16.576 C71.225,16.576 70.463,16.271 69.975,15.693 C69.491,15.119 69.309,14.302 69.461,13.392 C69.758,11.537 71.266,10.24 73.131,10.24 C74.061,10.24 74.817,10.549 75.315,11.132 C75.816,11.721 76.014,12.543 75.869,13.449 L75.869,13.449 Z M84.295,1.23 L81.488,19.088 C81.4619639,19.2524065 81.5092245,19.4199694 81.6173303,19.5465416 C81.725436,19.6731138 81.8835447,19.746 82.05,19.746 L84.872,19.746 C85.341,19.746 85.739,19.406 85.811,18.943 L88.579,1.407 C88.6050044,1.24249919 88.5577633,1.07485351 88.4496953,0.948133158 C88.3416272,0.821412809 88.1835433,0.748294735 88.017,0.748 L84.857,0.748 C84.5767709,0.748992263 84.338677,0.953193864 84.295,1.23 L84.295,1.23 Z"/> </g> </symbol><symbol id="payment_visa" viewBox="0 0 498 162"> <use fill="#1C1C1C" fill-rule="evenodd" transform="matrix(1 0 0 -1 0 162.448)" xlink:href="#payment_visa-a"/> </symbol><symbol id="refresh" viewBox="0 0 18 20"> <path fill-rule="evenodd" d="M200.498821,0 L206.498821,4 L200.498821,8 L200.499241,5.05903088 C197.164933,5.31404945 194.538821,8.1003441 194.538821,11.5 C194.538821,15.0677595 197.431062,17.96 200.998821,17.96 C204.566581,17.96 207.458821,15.0677595 207.458821,11.5 L207.458821,11.5 L209.498821,11.5 C209.498821,16.1944204 205.693242,20 200.998821,20 C196.304401,20 192.498821,16.1944204 192.498821,11.5 C192.498821,6.97324955 196.037409,3.27298054 200.499346,3.01443136 L200.498821,0 Z" transform="translate(-192)"/> </symbol><symbol id="sheet" viewBox="0 0 163.03 208.93"> <title>sheet</title> <g> <g> <path d="M226.7,254H74.27a5.3,5.3,0,0,1-5.3-5.3V50.36a5.29,5.29,0,0,1,5.3-5.29h96.54a5.29,5.29,0,0,1,5.29,5.29V101h50.6a5.3,5.3,0,0,1,5.3,5.3V248.7A5.3,5.3,0,0,1,226.7,254ZM79.56,243.41H221.41V111.56h-50.6a5.3,5.3,0,0,1-5.3-5.3V55.66H79.56Z" transform="translate(-68.97 -45.07)"/> <path d="M226.7,111.56H170.81a5.3,5.3,0,0,1-5.3-5.3V50.36a5.31,5.31,0,0,1,9.05-3.75l55.9,55.9a5.31,5.31,0,0,1-3.76,9ZM176.1,101h37.82L176.1,63.15Z" transform="translate(-68.97 -45.07)"/> </g> <path d="M139,119.81H100.75a5.3,5.3,0,0,1,0-10.6H139a5.3,5.3,0,0,1,0,10.6Z" transform="translate(-68.97 -45.07)"/> <path d="M198.76,157.48h-98a5.3,5.3,0,1,1,0-10.59h98a5.3,5.3,0,0,1,0,10.59Z" transform="translate(-68.97 -45.07)"/> <path d="M198.76,195.15h-98a5.3,5.3,0,1,1,0-10.59h98a5.3,5.3,0,0,1,0,10.59Z" transform="translate(-68.97 -45.07)"/> </g> </symbol><symbol id="social-facebook" viewBox="0 0 24 24"><title>facebook</title><path id="facebook-1" d="M9,8H6v4H9V24h5V12h3.64L18,8H14V6.33c0-1,.19-1.33,1.12-1.33H18V0H14.19C10.6,0,9,1.58,9,4.62Z"/></symbol><symbol id="social-instagram" viewBox="0 0 24 24"><title>instagram</title><path id="instagram-11" d="M12,2.16c3.2,0,3.58,0,4.85.07,3.25.15,4.77,1.69,4.92,4.92.06,1.27.07,1.65.07,4.85s0,3.58-.07,4.85c-.15,3.22-1.67,4.77-4.92,4.92-1.27.06-1.64.07-4.85.07s-3.58,0-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.65-.07-4.85s0-3.58.07-4.85C2.38,3.92,3.9,2.38,7.15,2.23,8.42,2.17,8.8,2.16,12,2.16ZM12,0C8.74,0,8.33,0,7.05.07c-4.36.2-6.78,2.62-7,7C0,8.33,0,8.74,0,12S0,15.67.07,17c.2,4.36,2.62,6.78,7,7C8.33,24,8.74,24,12,24s3.67,0,4.95-.07c4.35-.2,6.78-2.62,7-7C24,15.67,24,15.26,24,12s0-3.67-.07-4.95c-.2-4.35-2.62-6.78-7-7C15.67,0,15.26,0,12,0Zm0,5.84A6.16,6.16,0,1,0,18.16,12,6.16,6.16,0,0,0,12,5.84ZM12,16a4,4,0,1,1,4-4A4,4,0,0,1,12,16ZM18.41,4.15a1.44,1.44,0,1,0,1.44,1.44A1.44,1.44,0,0,0,18.41,4.15Z"/></symbol><symbol id="social-twitter" viewBox="0 0 32 32"><title>social-twitter</title><path d="M31.07,5.94a11.42,11.42,0,0,1-3.56,1,6.63,6.63,0,0,0,2.73-3.67A12.52,12.52,0,0,1,26.3,4.93a5.94,5.94,0,0,0-4.51-2.11,6.43,6.43,0,0,0-6.18,6.65A7.43,7.43,0,0,0,15.77,11,17.13,17.13,0,0,1,3,4a7,7,0,0,0-.84,3.34A6.73,6.73,0,0,0,5,12.91a5.83,5.83,0,0,1-2.8-.82v.09A6.56,6.56,0,0,0,7.1,18.7a5.78,5.78,0,0,1-1.63.22,4.53,4.53,0,0,1-1.16-.12,6.24,6.24,0,0,0,5.78,4.63,11.83,11.83,0,0,1-7.68,2.84,12.12,12.12,0,0,1-1.48-.09,16.53,16.53,0,0,0,9.48,3C21.78,29.18,28,19,28,10.24c0-.28,0-.56,0-.85A13.43,13.43,0,0,0,31.07,5.94Z"/></symbol></svg></div> <div data-load-container> <div data-module-scroll="main" data-scroll-main="true"> <header class="c-header " data-scroll-section data-module-header> <div class="o-container"> <div class="c-header_wrap"> <div class="c-header_heading"> <a class="o-link u-anim -delay5" href="/"> <svg class="c-header_logo" role="img"><use xlink:href="#logo"></use></svg> </a> </div> <nav class="c-header_nav"> <div class="c-header_nav_item"> <a class="c-header_nav_link" href="/collections/fonts"><span class="u-ib u-anim -delay6">All Fonts</span></a> <a class="c-header_nav_link" href="/products/fsp"><span class="u-ib u-anim -delay7">Font Starter Pack</span></a> </div> <div class="c-header_nav_item"> <a href="/cart" class="c-header_nav_link"> <span class="u-ib u-anim -delay8">Cart<sup>0</sup></span> </a> <span class="u-ib u-anim -delay9"> <button class="c-header_nav_burger" data-header="burger"> <svg class="c-header_nav_close" role="img"><use xlink:href="#close"></use></svg> </button> </span> </div> </nav> </div> </div> </header> <div class="c-header -shrink " data-module-header data-module-header-shrink> <div class="o-container"> <div class="c-header_wrap"> <div class="c-header_heading"> <a class="o-link" href="/"> <h1 class="c-header_logo">PP🅐F</h1> </a> <div class="c-header_pagetitle">Frequently Asked Questions</div> </div> <div class="c-header_mode"> <button data-header="invert-theme"><span>⬤</span><span data-header="invert-theme-label">Dark Mode</span></button> </div> <nav class="c-header_nav"> <div class="c-header_nav_item u-none@to-small"> <a class="c-header_nav_link" href="/collections/fonts"><span class="u-ib u-anim -delay6">All Fonts</span></a> <a class="c-header_nav_link" href="/products/fsp"><span class="u-ib u-anim -delay7">Font Starter Pack</span></a> </div> <div class="c-header_nav_item"> <a class="c-header_nav_link" href="/cart">Cart<sup>0</sup></a> <button class="c-header_nav_burger" data-header="burger"></button> </div> </nav> </div> </div> </div> <nav class="c-nav" data-module-header> <div class="c-nav_backdrop" data-header="backdrop"></div> <div class="c-nav_wrap"> <div class="c-nav_main"> <div class="o-container"> <div class="c-footer -nav o-layout"> <div class="o-layout_item u-2/3@from-small"></div> <div class="o-layout_item u-1/3@from-small"> <button class="c-nav_close o-link" data-header="burger">Close</button> <ul> <li> <a class="o-link -black" href="/collections/fonts" > <span class="c-heading -h5 -medium">All Fonts</span> </a> </li> <li> <a class="o-link -black" href="/collections/early-access" > <span class="c-heading -h5 -medium">Early Access</span> </a> </li> <li> <a class="o-link -black" href="/products/fsp" > <span class="c-heading -h5 -medium">Font Starter Pack</span> </a> </li> <li> <a class="o-link -black" href="/blogs/journal" > <span class="c-heading -h5 -medium">The Pangram Paper</span> </a> </li> <li> <a class="o-link -black" href="/blogs/font-in-use" > <span class="c-heading -h5 -medium">Font in Use</span> </a> </li> <li> <a class="o-link -black" href="/pages/about" > <span class="c-heading -h5 -medium">About</span> </a> </li> <li> <a class="o-link -black" href="https://pangramplayground.com/" target="_blank" > <span class="c-heading -h5 -medium">Shop Playground</span> </a> </li> <li> <a class="o-link -black" href="https://lab.pangrampangram.com/" target="_blank" > <span class="c-heading -h5 -medium">Lab</span> </a> </li> <li> <a href="/cart" class="o-link -black"> <span class="c-heading -h5 -medium" >Cart<sup>0</sup></span > </a> </li> </ul> </div> <div class="o-layout_item u-2/3@from-small u-none@to-small"> <div class="c-footer_bottom"> <div class="c-footer_payment"> <svg role="img"> <use xlink:href="#payment_applepay"></use> </svg> </div> <div class="c-footer_payment"> <svg role="img"> <use xlink:href="#payment_paypal"></use> </svg> </div> <div class="c-footer_payment"> <svg role="img"> <use xlink:href="#payment_mastercard"></use> </svg> </div> <div class="c-footer_payment"> <svg role="img"> <use xlink:href="#payment_visa"></use> </svg> </div> </div> </div> <div class="o-layout_item u-1/3@from-small"> <div class="c-footer_bottom -social"> <a class="c-footer_social" href="https://www.facebook.com/pangrampangramfoundry" target="_blank" rel="noopener noreferrer" > <svg role="img"> <use xlink:href="#social-facebook"></use> </svg> </a> <a class="c-footer_social" href="https://instagram.com/pangram.pangram/" target="_blank" rel="noopener noreferrer" > <svg role="img"> <use xlink:href="#social-instagram"></use> </svg> </a> <a class="c-footer_social" href="https://twitter.com/pangrampangram_/" target="_blank" rel="noopener noreferrer" > <svg role="img"> <use xlink:href="#social-twitter"></use> </svg> </a> </div> </div> </div> </div> </div> <div class="c-nav_more"> <div class="o-container"> <div class="o-layout -bottom"> <div class="o-layout_item u-2/3@from-small u-none@to-small"> <div class="c-letters -menu">©2024</div> </div> <div class="o-layout_item u-1/3@from-small"> <ul class="o-layout"> <li class="o-layout_item u-1/2"> <a class="o-link -black" href="/pages/faq" >FAQs</a> </li> <li class="o-layout_item u-1/2"> <a class="o-link -black" href="https://cdn.shopify.com/s/files/1/2642/6578/files/EULA_-_Pangram_Commercial_APR2023.pdf?v=1682945029" target="_blank" >EULA</a> </li> <li class="o-layout_item u-1/2"> <a class="o-link -black" href="/pages/faq#font-licensing" >Font Licenses</a> </li> <li class="o-layout_item u-1/2"> <a class="o-link -black" href="/pages/contact-us" >Contact</a> </li> <li class="o-layout_item u-1/2"> <a href="/account/login" class="o-link -black">Account Log In</a> </li> </ul> </div> </div> </div> </div> </div> </nav> <header class="c-header-page -indexup || u-margin-bottom" data-scroll-section> <div class="o-container" data-scroll data-scroll-call="noShrinkTop" data-scroll-repeat> <div class="u-2/3@from-medium || u-margin-bottom-small"> <h1 class="u-screen-reader-text">FAQ - Frequently asked questions</h1> <p class="c-heading -h3 -indent -uppercase">(FAQ) → Frequently asked questions ● Here are the questions that most often come up, and how we respond.</p> </div> <div class="o-layout -gutter-tiny"> <div class="o-layout_item u-2/3@from-medium"></div> <div class="o-layout_item u-1/3@from-medium"> <div class="u-3/4"> <p class="o-text -medium"> Can’t find what you’re looking for? <a href="/pages/contact-us" class="o-link -underline || c-quicklook" data-module-quicklook data-quicklook-assets='["https://media3.giphy.com/media/c6WtRf9rCdiyGcZGsp/giphy.gif?cid=ecf05e475a4578c1fc951f94e2a1a24fe82832eef49658b7&rid=giphy.gif", "https://media.giphy.com/media/3ohjV9rYTqGXoF0Swo/giphy.gif", "https://media.giphy.com/media/NyrOYfZlUSLCw/giphy.gif", "https://media.giphy.com/media/acj7QJGgBBeUg/giphy.gif"]'> <span class="c-quicklook_label">Drop us a line.</span> <span class="c-quicklook_visual" data-quicklook="visual"> <span class="c-quicklook_visual_inner" data-quicklook="visualInner"></span> </span> </a> </p> </div> </div> </div> </div> </header> <div class="c-section" data-scroll-section> <div class="o-container || u-margin-bottom"> <div class="o-layout -gutter-tiny"> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="#free-fonts" data-scroll-to> <span>Free fonts and personal use</span> </a> </div> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="#font-licensing" data-scroll-to> <span>Font licensing</span> </a> </div> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="#font-file-formats" data-scroll-to> <span>Font formats and embedding</span> </a> </div> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="#payment-options" data-scroll-to> <span>Payments and transactions</span> </a> </div> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="#refunds" data-scroll-to> <span>Refunds</span> </a> </div> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="#custom" data-scroll-to> <span>Customization and bespoke fonts</span> </a> </div> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="#account" data-scroll-to> <span>Account and Subscriptions</span> </a> </div> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="#misc" data-scroll-to> <span>Miscellaneous</span> </a> </div> <div class="o-layout_item || u-1/3@from-medium"> <a class="c-link-underline -padding-top || c-heading -h5 -nomargin" href="//pangrampangram.com/cdn/shop/files/EULA-pangrampangram-APR2023.pdf?v=16546919445314478745" target="_blank"> <span>EULA (Last update: 04 2023)</span> </a> </div> </div> </div> </div> <div class="c-section -padding-margin" data-scroll-section id="free-fonts"> <div class="o-container"> <h2 class="c-heading -h4 -small-margin">Free fonts and personal usage</h2> <div class="c-accordion" data-module-accordion> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Are the fonts really free?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>All of our fonts are free to try for personal use as long as it is not used in a commercial project. They all come with the complete glyph set and some selected key styles. You can use them in your portfolio (PDF, print or web!) and school project for examples.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">What does personal use mean?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>It means that you can use the font for anything of personal nature. For example but not limited to: Personal portfolios, Client pitches, personal projects, personal instagram (or any social media) posts, artistic projects with a small audience, testing in different Dev environnements, proofing, etc...</p> </div> </div> </div> </div> </div> </div> <div class="c-section -padding-margin" data-scroll-section id="font-licensing"> <div class="o-container"> <h2 class="c-heading -h4 -small-margin">Font licensing</h2> <div class="c-accordion" data-module-accordion> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Who should buy the licenses, the client or the designer?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Anyone using the fonts needs a license. If only the designer has access to them, then they are the only ones who are required to purchase a license. If the client also needs to use them on their side, then both must own a license.<br><br>If the designer is creating something for a client, only the client needs to purchase the correct licenses.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">How many licenses do I need to purchase?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Licenses are required for every use you intend to make.<br><br>For example if you need the font to be installed on 1 workstation and on 1 website with 10,000 pageviews per month, you will need, for every weight used, a desktop license for 1 workstation and a web license for up to 10k pageviews per month.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Do I need a separate license for each project or use case?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Yes, you typically need a separate license for each project or use case. Each license type specifies its allowed usage scenarios, and if you plan to use the font in multiple ways, you may need multiple licenses.<br><br>Using a single font license across multiple projects or use cases that have distinct licensing requirements can lead to compliance issues. For instance, if you use a font with a web license on multiple websites that collectively exceed the allowed page views, you would be in violation of the license terms.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">When do I need to upgrade my license?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>When you expect to exceed what is covered by your current license, please <a href="/pages/contact-us" class="o-link -underline">contact us</a> and we'll upgrade your license with the new coverage.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">How much does it cost to upgrade my license?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>It depends on the new usage but regardless of what that new coverage costs we will fully discount what was paid for the license prior to the upgrade.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">When do I need the Print License?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>The Print license (formerly Desktop license) is needed for any non-embedded material (except on social media and in a logo, see below) like printed art work, digital assets, apparel, album cover, etc... This license allows you to make unlimited copies of that specific project. The license coverage should reflect the total amount of workstations that will have the font installed.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">When do I need the Web License?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>The Web license is needed for any website, microsite and subdomain where the font is embedded. You will need the license to reflect the anticipated total monthly pageviews of all domains, microsites and/or subdomains for this specific client or campaign.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">When do I need the App License?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>The App license is needed for any application (mobile or desktop) and software where the font is embedded. You will need 1 license per app and/or software and the license coverage should reflect the anticipated total monthly active users of this specific app or software.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Which License do I need if I'm using the font in a WebApp?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>The WebApps fall under the regular App licenses. The license should cover the amount of active users per month.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">When do I need the Social Media License?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>The Social Media license is needed for any commercial use of the font on any social media platform. i.e.: Instagram, Facebook, YouTube, TikTok, Twitter, etc... The license coverage should reflect the combined total number of followers from all social media platforms where the font will be displayed.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">When do I need the Logo License?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>The Logo license is needed for each company logo that features the font. This license lets you use the logo in any context. The license coverage should reflect the total number of employees of the company using the logo.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">What license do I need if I'm doing a TV spot or any other broadcasting project using your fonts?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You will need a Broadcast license for an ad campaign (i.e. TV, billboard, etc...). Please <a href="/pages/contact-us">contact us</a> for more details on this license.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">What license do I need if I'm using the fonts in a video game?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You will need a Video Game license to use the font in a video game. Please <a href="/pages/contact-us">contact us</a> for more details on this license.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">How can we share fonts with outside contractors?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Freelancers, design studios, advertising agencies and other suppliers are all independent entities and therefore all require a license to use the font files.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can I purchase a license for an Early access typeface</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Yes! All our Early access typefaces are 95-100% finished so are available to purchase like any other of our types. Once we release the production version you will get the update automatically.</p> </div> </div> </div> <!-- DURATION FAQ --> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">How long is the font license duration offered for small to large companies?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>The font license duration offered for small to large companies is for 1 year.<br><br><em>Starting August 2023</em></p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Are there options to extend the font license beyond the initial 1-year period?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Yes, we offer discount rates for longer font license durations upon contacting us. Feel free to <a href="/pages/contact-us">reach out to our team</a> to discuss your specific needs and explore options for extended licensing periods.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Is there a limit on font license duration for individuals or freelancers?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>No, the 1-year limit does not apply to individuals or freelancers. Font licenses for individuals and freelancers have no fixed duration and are valid indefinitely for the usage specified in the license agreement.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">What happens when the 1-year font license duration expires for companies?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>When the 1-year font license duration for companies expires, the company must either renew the license for continued usage or discontinue using the licensed fonts in their projects. Renewal options and discounted rates for longer periods can be <a href="/pages/contact-us">discussed with our team</a>.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can companies purchase multiple 1-year font licenses at once?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p> Yes, companies can purchase multiple 1-year font licenses to cover various projects or multiple users within the organization. Alternatively, companies can <a href="/pages/contact-us">inquire</a> about extended licensing options for added flexibility and cost-effectiveness.</p> </div> </div> </div> <!-- <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">How long are the licenses good for?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Licenses are typically good for 1 year.<br><a href="/pages/contact-us">Contact us</a> to get a quote for longer periods at a discounted price.</p> </div> </div> </div> --> <!-- DURATION FAQ --> </div> </div> </div> <div class="c-section -padding-margin" data-scroll-section id="font-file-formats"> <div class="o-container"> <h2 class="c-heading -h4 -small-margin">Font file formats and web embedding</h2> <div class="c-accordion" data-module-accordion> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">What is the font file format you deliver with a license purchase?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Every license purchase comes with the full set of widely adopted font formats: OTF, TTF, WOFF and WOFF2.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">What CSS code should I use to embed the font on my website?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You can use the following CSS code to embed our font on a website. Replace the name "Pangram Pangram" with the font name you need to embed and insert the correct weight profile of that specific weight. Duplicate this block for each weight while keeping the font-family name the same for all.<br><br>@font-face {<br>&nbsp;&nbsp;&nbsp;font-family: 'Pangram Pangram';<br>&nbsp;&nbsp;&nbsp;src: url('PangramPangram.woff') format('truetype');<br>&nbsp;&nbsp;&nbsp;font-weight: 100;<br>}<br><br>For a Variable font, use the following CSS code. For an italic Variable font, use italic instead of normal in the font-style parameter.<br><br>@font-face {<br>&nbsp;&nbsp;&nbsp;font-family: 'Pangram Pangram';<br>&nbsp;&nbsp;&nbsp;src: url('PangramPangram-Variable.ttf') format('truetype');<br>&nbsp;&nbsp;&nbsp;font-weight: 100 900;<br>&nbsp;&nbsp;&nbsp;font-display: swap;<br>&nbsp;&nbsp;&nbsp;font-style: normal;<br>}</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">How do I access the Stylistic Alternates of the font on my website using CSS?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You can use the following CSS code to access the stylistic alternates and other Open Type features of our font on a website.<br><br>For example, to access the stylistic set .ss01 use the code below.<br><br>.class {<br>&nbsp;&nbsp;&nbsp;-moz-font-feature-settings: "ss01";<br>&nbsp;&nbsp;&nbsp;-webkit-font-feature-settings: "ss01";<br>&nbsp;&nbsp;&nbsp;font-feature-settings: "ss01";<br>}<br><br>For more usage of Open Type features in CSS and HTML you can have a look a this <a href='https://helpx.adobe.com/fonts/using/open-type-syntax.html' target='_blank'>link</a></p> </div> </div> </div> </div> </div> </div> <div class="c-section -padding-margin" data-scroll-section id="payment-options"> <div class="o-container"> <h2 class="c-heading -h4 -small-margin">Payments and transactions</h2> <div class="c-accordion" data-module-accordion> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">What methods of payment can I use?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You may pay using any major credit card or using PayPal. Payment is processed through Shopify therefore we do not keep any payment information in our database. We also accept wire transfers, please <a href="/pages/contact-us">contact us</a> for more details about this option.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can I change my transaction information once I have made a purchase?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>No, since the transaction information is associated and processed with the payment method, we are not able to change this info afterwards. Make sure you enter the correct information before checking out.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">I want to purchase a license for my client, what info should I put in when I checkout?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You can put in your information and then <a href="/pages/contact-us">contact us</a> to let us know, we'll update our database to associate the license with the right client. Otherwise, your client can purchase the font directly.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can I enter my tax number (VAT)?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Yes, there is a field reserved for that on the cart page. You tax number will show up on the invoice email once the payment is process.</p> </div> </div> </div> </div> </div> </div> <div class="c-section -padding-margin" data-scroll-section id="refunds"> <div class="o-container"> <h2 class="c-heading -h4 -small-margin">Refunds</h2> <div class="c-accordion" data-module-accordion> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can I get a refund for a font purchase?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Unfortunately no, since you have access to the file download automatically after a transaction is processed.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">I purchased the wrong style/weight, what should I do?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p><a href="/pages/contact-us">Send us an email</a> and we'll transfer the license to the desired style and send you the right files.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">I just purchased the same style/weight more than once, what should I do?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>If it's the exact same style or weight, just <a href="/pages/contact-us">send us an email</a> and we'll refund the extra unwanted purchases.</p> </div> </div> </div> </div> </div> </div> <div class="c-section -padding-margin" data-scroll-section id="custom"> <div class="o-container"> <h2 class="c-heading -h4 -small-margin">Customization and bespoke fonts</h2> <div class="c-accordion" data-module-accordion> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Do you offer a custom typeface design service?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Yes we do. If you want us to work with you on a custom typeface for yourself, your company or your client, please <a href="/pages/contact-us">contact us</a> with an overview of your project along with an idea of your timetable and your budget.<br><br>Keep in mind that type design is a long process so it is better to plan ahead.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can I change the name of the font once I buy a commercial license?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You will need to <a href="/pages/contact-us">contact us</a> if you want to change the name of the font, we will be able to assist you.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can I make modifications to the font once I buy a commercial license?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>If you convert it to outlines, you can edit the contours, shapes and curves as much as you like. However, you cannot customize the font file itself or use the contours you’ve created to generate a new version of the font file.<br><br>Minor modifications are tolerated, but in general, if you plan on modifying the font we do advise you <a href="/pages/contact-us">to send us an email</a> with what you plan to do and we will be able to help you.</p> </div> </div> </div> </div> </div> </div> <div class="c-section -padding-margin" data-scroll-section id="account"> <div class="o-container"> <h2 class="c-heading -h4 -small-margin">Account and Subscription</h2> <div class="c-accordion" data-module-accordion> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">How can I access my account?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You just need to go <a href="/account">here</a> and login using your credentials.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">I lost my password, how can I reset it?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Go <a href="/account">here</a> and click the Reset password button.<br><br><b>Note:</b> Your account is not automatically created after purchase so the reset password will not send a reset password email. If that's the case, you need to create a new account with the same email used for the purchase(s).</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">I don't have an account, how do I create one?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>You always have the option to create your account during the checkout process of a purchase<br>Alternatively, you can create one through <a href="/account/register">here</a>.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">As a VIPP® Member with free updates to the Font Starter Pack, how do I get the most recent version?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>When we update the pack, you should get an email with the new files. If you didn't get it or you can't access the files, just <a href="/pages/contact-us">contact us</a> and we'll send it to you.<br>As of yet, there is no way to access the current version of the FSP if you're a VIPP® Member so you can just send us an email to get it.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">How can I manage my VIPP® subscription?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>By logging in <a href="/account">your account</a> and clicking the manage subscription button.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can I cancel my VIPP® subscription?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>At anytime you can cancel your subscription by logging in <a href="/account">your account</a>, clicking the manage subscription button and then clicking the cancel subscription button.</p> </div> </div> </div> </div> </div> </div> <div class="c-section -padding-margin" data-scroll-section id="misc"> <div class="o-container"> <h2 class="c-heading -h4 -small-margin">Miscellaneous</h2> <div class="c-accordion" data-module-accordion> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">Can my project be featured in your Font in Use section?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>Yes, absolutely, just send us a brief overview and some visuals <a href="mailto:info@pangrampangram.com">via email</a> and we'll review it.<br><br>In the meantime, you can <a href="/blogs/font-in-use/">get inspired</a> by browsing the projects that already made the cut.</p> </div> </div> </div> <div class="c-accordion_item" data-accordion="section"> <div class="c-accordion_header" data-accordion="header"> <h3 class="c-accordion_heading c-heading -h5 -nomargin">What is the main font used throughout this site?</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -half" data-accordion="main"> <div class="o-wysiwyg"> <p>The font used everywhere on this site — except the fonts in the specific font pages — is <a href="/products/neue-montreal">Neue Montreal</a>.</p> </div> </div> </div> </div> </div> </div> <div class="c-section -full -center -indexup -bg" data-scroll-section id="line"> <div class="c-cta"> <div class="c-heading -large -uppercase -nomargin"> Still got<br> questions? </div> <div class="c-cta_bubbles"> <a href="/pages/contact-us" class="c-cta_bubbles_item" data-scroll data-scroll-speed="0.5"> <span class="c-button -medium -bubble -black">Drop us a line</span> </a> <a href="/pages/contact-us" class="c-cta_bubbles_item" data-scroll data-scroll-speed="1"> <span class="c-button -medium -bubble -white">Drop us a line</span> </a> <a href="/pages/contact-us" class="c-cta_bubbles_item" data-scroll data-scroll-speed="1.5"> <span class="c-button -medium -bubble -white">Drop us a line</span> </a> <a href="/pages/contact-us" class="c-cta_bubbles_item" data-scroll data-scroll-speed="2"> <span class="c-button -medium -bubble -black">Drop us a line</span> </a> <a href="/pages/contact-us" class="c-cta_bubbles_item" data-scroll data-scroll-speed="2.5"> <span class="c-button -medium -bubble -white">Drop us a line</span> </a> </div> </div> </div> <footer class="c-footer" data-scroll-section> <div class="c-footer_shadow"></div> <div class="c-footer_inner o-container" data-scroll data-scroll-id="footerContainer" data-scroll-call="noShrinkBottom" data-scroll-repeat> <section class="u-relative"> <div class="o-layout -gutter-tiny"> <div class="o-layout_item u-1/2@small-medium u-4/12@from-large"> <div class="u-3/4@from-small"> <form data-module-newsletter-form method="POST" action="https://5034716a.sibforms.com/serve/MUIFABi5nQHR1kXakEfvEzGo1Te4wBVtKvumtvN0jpmyIyUBOcksVaS1ZzD289KnSe4dpBYN9g6fn4KLLeDC5rc0NsUFiBeQOzvu8g6fA4LFklYFWMmvimcgJ2C614IeyJ0hw6iW1_dHMHLG8xG363LUIiQK0HM3XJ-7KnzdRRlbgrJEK5lIPRBeeIo0UO3vKv1mgPqKmR1VoW61" data-type="subscription"> <label for="newsletter-email" class="c-heading -h4"> Subscribe to our newsletter to stay in touch with the latest. </label> <div class="c-form_group"> <input class="c-form_input -button -dark" type="email" id="newsletter-email" name="EMAIL" placeholder="Email address" required /> <button class="c-form_button" type="submit">→</button> </div> <p class="o-text -small" data-newsletter-form="message"></p> </form> </div> </div> <div class="o-layout_item u-none@to-large u-2/12@from-large"></div> <div class="o-layout_item u-1/2@to-small u-3/12@from-small"> <p class="c-footer_title -margin">Menu</p> <ul class="c-footer_list"> <li> <a class="o-link -black" href="/collections/fonts" >All Fonts</a> </li> <li> <a class="o-link -black" href="/collections/early-access" >Early Access</a> </li> <li> <a class="o-link -black" href="/products/fsp" >Font Starter Pack</a> </li> <li> <a class="o-link -black" href="/blogs/journal" >The Pangram Paper</a> </li> <li> <a class="o-link -black" href="/blogs/font-in-use" >Font in Use</a> </li> <li> <a class="o-link -black" href="/pages/about" >About</a> </li> <li> <a class="o-link -black" href="https://pangramplayground.com/" target="_blank">Shop Playground</a> </li> <li> <a class="o-link -black" href="https://lab.pangrampangram.com/" target="_blank">Lab</a> </li> <li> <a href="/cart" class="o-link -black">Cart<sup>0</sup></button> </li> </ul> </div> <div class="o-layout_item u-1/2@to-small u-3/12@from-small"> <p class="c-footer_title -margin">Support</p> <ul class="c-footer_list"> <li> <a class="o-link -black" href="/pages/faq" >FAQs</a> </li> <li> <a class="o-link -black" href="https://cdn.shopify.com/s/files/1/2642/6578/files/EULA_-_Pangram_Commercial_APR2023.pdf?v=1682945029" target="_blank">EULA</a> </li> <li> <a class="o-link -black" href="/pages/faq#font-licensing" >Font Licenses</a> </li> <li> <a class="o-link -black" href="/pages/contact-us" >Contact</a> </li> <li class="o-layout_item u-1/2"> <a href="/account/login" class="o-link -black">Account Log In</a> </li> </ul> </div> </div> <div class="c-footer_bottom -social"> <a class="c-footer_social" href="https://www.facebook.com/pangrampangramfoundry" target="_blank" rel="noopener noreferrer"> <svg role="img"><use xlink:href="#social-facebook"></use></svg> </a> <a class="c-footer_social" href="https://instagram.com/pangram.pangram/" target="_blank" rel="noopener noreferrer"> <svg role="img"><use xlink:href="#social-instagram"></use></svg> </a> <a class="c-footer_social" href="https://twitter.com/pangrampangram_/" target="_blank" rel="noopener noreferrer"> <svg role="img"><use xlink:href="#social-twitter"></use></svg> </a> </div> <div class="c-footer_preview || c-heading -h1"> <span class="c-font-preview is-hidden" data-module-font-preview="footer"> <span>Aa*1</span> </span> </div> </section> <section class="c-section"> <div class="c-section_header -black"> <div class="c-section_header_heading u-none@to-small"> <span>Available Fonts</span> </div> </div> <ul class="c-footer_list o-layout -gutter-tiny u-none@to-small" data-module-footer-preview> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-corp" data-footer-preview="font" data-footer-preview-name="Neue Corp-Normal Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueCorp-NormalRegular.woff2?v=727472800933142916">Neue Corp</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/editorial-sans" data-footer-preview="font" data-footer-preview-name="Editorial Sans-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPEditorialSans-Light.woff2?v=5465030784767012717">Editorial Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/playground" data-footer-preview="font" data-footer-preview-name="Playground-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPPlayground-Medium.woff2?v=17425418334934416119">Playground</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/nikkei" data-footer-preview="font" data-footer-preview-name="Nikkei-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNikkeiMaru-Regular.woff2?v=14376950255030250819">Nikkei</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/lettra-mono" data-footer-preview="font" data-footer-preview-name="Lettra Mono-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPLettraMono-Regular.woff2?v=7615477762364955786">Lettra Mono</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/model" data-footer-preview="font" data-footer-preview-name="Model-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPModelPlastic-Regular.woff2?v=8175347121201190913">Model</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/valve" data-footer-preview="font" data-footer-preview-name="Valve-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPValve-PlainRegular.woff2?v=15258097057980402184">Valve</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/gatwick" data-footer-preview="font" data-footer-preview-name="Gatwick Collection-Jet Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPGatwick-JetRegular.woff2?v=18331787440995460719">Gatwick Collection</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/talisman" data-footer-preview="font" data-footer-preview-name="Talisman-Condensed Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPTalisman-Condensed-Regular.woff2?v=4311443554770474481">Talisman</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-grotesk-mono" data-footer-preview="font" data-footer-preview-name="Right Grotesk Mono-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightGroteskMono-Regular.woff2?v=10867879943625836960">Right Grotesk Mono</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-serif-mono" data-footer-preview="font" data-footer-preview-name="Right Serif Mono-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightSerifMono-Regular.woff2?v=8420461352724428210">Right Serif Mono</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/pangaia" data-footer-preview="font" data-footer-preview-name="Pangaia-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPPangaia-Regular.woff2?v=8548358489731172015">Pangaia</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-montreal-mono" data-footer-preview="font" data-footer-preview-name="Neue Montreal Mono-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMontrealMono-Regular.woff2?v=17248914126543280360">Neue Montreal Mono</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/hatton" data-footer-preview="font" data-footer-preview-name="Hatton-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPHatton-Light.woff2?v=12871843739810076937">Hatton</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/air" data-footer-preview="font" data-footer-preview-name="Air-Sans Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPAir-Light.woff2?v=13216606105982026272">Air</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/editorial-old" data-footer-preview="font" data-footer-preview-name="Editorial Old-Light Italic" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPEditorialOld-LightItalic.woff?v=4389264146858032652">Editorial Old</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/fragment" data-footer-preview="font" data-footer-preview-name="Fragment-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPFragment-GlareRegular.woff2?v=13188065311410222481">Fragment</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-montreal-arabic" data-footer-preview="font" data-footer-preview-name="Neue Montreal Arabic-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMontrealArabic-Regular.woff2?v=9931874331452776063">Neue Montreal Arabic</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-didone" data-footer-preview="font" data-footer-preview-name="Right Didone-Casual Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightDidone-Regular.woff?v=17541966238605100004">Right Didone</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-serif" data-footer-preview="font" data-footer-preview-name="Right Serif-Casual Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightSerif-Medium.woff?v=6460654558478708700">Right Serif</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-slab" data-footer-preview="font" data-footer-preview-name="Right Slab-Casual Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightSlab-Medium.woff?v=1449160332208820534">Right Slab</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/acma" data-footer-preview="font" data-footer-preview-name="Acma-Semibold" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPAcma-Semibold.woff?v=9695015147637875552">Acma</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/writer" data-footer-preview="font" data-footer-preview-name="Writer-Ultralight" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPWriter-Ultralight.woff2?v=8164685197354889815">Writer</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/telegraf" data-footer-preview="font" data-footer-preview-name="Telegraf-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPTelegraf-Regular.woff?v=4061254965033014689">Telegraf</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-machina-collection" data-footer-preview="font" data-footer-preview-name="Neue Machina-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMachina-InktrapRegular.woff2?v=5424907382212984405">Neue Machina</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/mori" data-footer-preview="font" data-footer-preview-name="Mori-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPMori-Regular.woff?v=6718712288001122036">Mori</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-sans" data-footer-preview="font" data-footer-preview-name="Right Sans-Casual Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightSans-Medium.woff2?v=15705173001976230873">Right Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/formula" data-footer-preview="font" data-footer-preview-name="Formula-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPFormula-NarrowRegular.woff?v=14783238667479625043">Formula</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/rader" data-footer-preview="font" data-footer-preview-name="Rader-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRader-Light.woff?v=17621738647850313487">Rader</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-montreal" data-footer-preview="font" data-footer-preview-name="Neue Montreal-Book" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMontreal-Book.woff2?v=4446385652601161378">Neue Montreal</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-world" data-footer-preview="font" data-footer-preview-name="Neue World-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueWorld-Regular.woff?v=6715945262285044313">Neue World</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/radio-grotesk" data-footer-preview="font" data-footer-preview-name="Radio Grotesk-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRadioGrotesk-Regular.woff?v=127653218602699890">Radio Grotesk</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/eiko" data-footer-preview="font" data-footer-preview-name="Eiko-Thin" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPEiko-Thin.woff?v=1169377644210888347">Eiko</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/pangram-sans" data-footer-preview="font" data-footer-preview-name="Pangram Sans-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPPangramSans-CondensedMedium.woff?v=13691413732271395091">Pangram Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/editorial-new" data-footer-preview="font" data-footer-preview-name="Editorial New-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPEditorialNew-Light.woff?v=9845136818512973217">Editorial New</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/migra" data-footer-preview="font" data-footer-preview-name="Migra-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPMigra-Medium.woff?v=1440203813539506689">Migra</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/pangram-sans-rounded" data-footer-preview="font" data-footer-preview-name="Pangram Sans Rounded-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPPangramSansRounded-CondensedMedium.woff?v=11896217122780419274">Pangram Sans Rounded</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/agrandir" data-footer-preview="font" data-footer-preview-name="Agrandir-Grand Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPAgrandir-GrandRegular.woff?v=3328631090847144333">Agrandir</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-gothic" data-footer-preview="font" data-footer-preview-name="Right Gothic-Casual Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightGothic-Medium.woff?v=16011082098146767021">Right Gothic</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/supply" data-footer-preview="font" data-footer-preview-name="Supply-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPSupplySans-Light.woff?v=9092950127131928227">Supply</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/monument-extended" data-footer-preview="font" data-footer-preview-name="Monument Extended-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPMonumentExtended-Regular.woff?v=8169390142289183023">Monument Extended</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-grotesk" data-footer-preview="font" data-footer-preview-name="Right Grotesk-Compact Bold" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightGrotesk-CompactBold.woff?v=5830769327538809005">Right Grotesk</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/fraktion" data-footer-preview="font" data-footer-preview-name="Fraktion-Sans Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPFraktionSans-Regular.woff?v=13514913606920828827">Fraktion</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/bitmap-fonts" data-footer-preview="font" data-footer-preview-name="Bitmap Font Pack-Mondwest Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPMondwest-Regular.woff?v=7568021129578465612">Bitmap Font Pack</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/object-sans" data-footer-preview="font" data-footer-preview-name="Object Sans-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPObjectSans-Light.woff?v=8161387204537019237">Object Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/cirka" data-footer-preview="font" data-footer-preview-name="Cirka-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPCirka-Light.woff?v=8109891324361689493">Cirka</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/grafier" data-footer-preview="font" data-footer-preview-name="Grafier-Bold Display" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPGrafier-BoldDisplay.woff?v=1990929459891947427">Grafier</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/gosha-sans" data-footer-preview="font" data-footer-preview-name="Gosha Sans-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPGoshaSans-Regular.woff?v=2668440618240220303">Gosha Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/woodland" data-footer-preview="font" data-footer-preview-name="Woodland-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPWoodland-Light.woff?v=16107132570010515306">Woodland</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/fuji-sans" data-footer-preview="font" data-footer-preview-name="Fuji Sans-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPFuji-Medium.woff?v=12491788855897792485">Fuji Sans</a> </li> </ul> <div class="c-footer_bottom"> <div class="o-layout -middle -gutter-tiny"> <div class="o-layout_item u-1/2@from-small"> <div class="o-layout"> <div class="c-footer_payment"> <svg role="img"><use xlink:href="#payment_applepay"></use></svg> </div> <div class="c-footer_payment"> <svg role="img"><use xlink:href="#payment_paypal"></use></svg> </div> <div class="c-footer_payment"> <svg role="img"><use xlink:href="#payment_mastercard"></use></svg> </div> <div class="c-footer_payment"> <svg role="img"><use xlink:href="#payment_visa"></use></svg> </div> </div> </div> <div class="o-layout_item u-1/4@from-small"> <p class="c-footer_title -small">Copyright © Pangram Pangram® Foundry</p> </div> <div class="o-layout_item u-1/4@from-small"> <p class="c-footer_title -small">Website by <a class="o-link -black" href="https://locomotive.ca/" target="_blank" rel="noopener noreferrer">Locomotive</a></p> </div> </div> </div> </section> </div> </footer> </div> </div> <div class="c-video-modal" data-module-video-modal> <button type="button" class="c-video-modal_close" data-video-modal="close"> <svg class="c-video-modal_close_icon" role="img"><use xlink:href="#close"></use></svg> </button> <div class="c-video-modal_content"> <div class="c-video-modal_inner" data-video-modal="inner"></div> </div> </div> <div class="c-modal-share" data-module-share> <div class="c-modal-share_overlay" data-share="close"></div> <div class="c-modal-share_inner" data-share="inner" tabindex="-1"> <ul class="c-modal-share_list"> <li> <button class="c-modal-share_btn" data-share="share" data-share-platform="facebook"> <svg role="img"><use xlink:href="#social-facebook"></use></svg> <span>Share on Facebook</span> </button> </li> <li> <button class="c-modal-share_btn" data-share="share" data-share-platform="twitter" data-share-text=""> <svg role="img"><use xlink:href="#social-twitter"></use></svg> <span>Share on Twitter</span> </button> </li> <li> <button class="c-modal-share_btn" data-share="copylink" data-share-text="Link copied!"> <svg role="img"><use xlink:href="#sheet"></use></svg> <span>Copy the link</span> </button> </li> </ul> <button class="c-modal-share_close" data-share="close"> <svg role="img"><use xlink:href="#cross"></use></svg> </button> </div> </div> <div class="c-mask" data-module-mask> <canvas class="c-mask_canvas" data-mask="canvas"></canvas> <div class="c-mask_inner" data-mask="inner"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="" class="c-mask_visual" data-mask="visual"> </div> </div> <script> window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code'; window.LOCALE = 'en'; window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again."; window.REQUIRED_ERROR_MESSAGE = "Please fill in this information. "; window.GENERIC_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again."; window.translation = { common: { selectedList: '{quantity} list selected', selectedLists: '{quantity} lists selected' } }; var AUTOHIDE = Boolean(0); </script> <script src="https://sibforms.com/forms/end-form/build/main.js"></script> <script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script> <script nomodule src="https://polyfill-fastly.net/v3/polyfill.min.js?features=fetch%2CCustomEvent%2CElement.prototype.matches%2CNodeList.prototype.forEach%2CAbortController%2CURL" crossorigin="anonymous"></script> <script src="//pangrampangram.com/cdn/shop/t/41/assets/app.js?v=12478239672366523441731352851" defer></script> <script src="//pangrampangram.com/cdn/shop/t/41/assets/inflate.js?v=74130224038388635541701283953" defer></script> <script src="//pangrampangram.com/cdn/shop/t/41/assets/unbrotli.js?v=147590564900445141711701283954" defer></script> <script src="//pangrampangram.com/cdn/shop/t/41/assets/lib-font.browser.js?v=8773663107734193131701283952" type="module" defer></script> <footer class="c-footer" data-scroll-section> <div class="c-footer_shadow"></div> <div class="c-footer_inner o-container" data-scroll data-scroll-id="footerContainer" data-scroll-call="noShrinkBottom" data-scroll-repeat> <section class="u-relative"> <div class="o-layout -gutter-tiny"> <div class="o-layout_item u-1/2@small-medium u-4/12@from-large"> <div class="u-3/4@from-small"> <form data-module-newsletter-form method="POST" action="https://5034716a.sibforms.com/serve/MUIFABi5nQHR1kXakEfvEzGo1Te4wBVtKvumtvN0jpmyIyUBOcksVaS1ZzD289KnSe4dpBYN9g6fn4KLLeDC5rc0NsUFiBeQOzvu8g6fA4LFklYFWMmvimcgJ2C614IeyJ0hw6iW1_dHMHLG8xG363LUIiQK0HM3XJ-7KnzdRRlbgrJEK5lIPRBeeIo0UO3vKv1mgPqKmR1VoW61" data-type="subscription"> <label for="newsletter-email" class="c-heading -h4"> Subscribe to our newsletter to stay in touch with the latest. </label> <div class="c-form_group"> <input class="c-form_input -button -dark" type="email" id="newsletter-email" name="EMAIL" placeholder="Email address" required /> <button class="c-form_button" type="submit">→</button> </div> <p class="o-text -small" data-newsletter-form="message"></p> </form> </div> </div> <div class="o-layout_item u-none@to-large u-2/12@from-large"></div> <div class="o-layout_item u-1/2@to-small u-3/12@from-small"> <p class="c-footer_title -margin">Menu</p> <ul class="c-footer_list"> <li> <a class="o-link -black" href="/collections/fonts" >All Fonts</a> </li> <li> <a class="o-link -black" href="/collections/early-access" >Early Access</a> </li> <li> <a class="o-link -black" href="/products/fsp" >Font Starter Pack</a> </li> <li> <a class="o-link -black" href="/blogs/journal" >The Pangram Paper</a> </li> <li> <a class="o-link -black" href="/blogs/font-in-use" >Font in Use</a> </li> <li> <a class="o-link -black" href="/pages/about" >About</a> </li> <li> <a class="o-link -black" href="https://pangramplayground.com/" target="_blank">Shop Playground</a> </li> <li> <a class="o-link -black" href="https://lab.pangrampangram.com/" target="_blank">Lab</a> </li> <li> <a href="/cart" class="o-link -black">Cart<sup>0</sup></button> </li> </ul> </div> <div class="o-layout_item u-1/2@to-small u-3/12@from-small"> <p class="c-footer_title -margin">Support</p> <ul class="c-footer_list"> <li> <a class="o-link -black" href="/pages/faq" >FAQs</a> </li> <li> <a class="o-link -black" href="https://cdn.shopify.com/s/files/1/2642/6578/files/EULA_-_Pangram_Commercial_APR2023.pdf?v=1682945029" target="_blank">EULA</a> </li> <li> <a class="o-link -black" href="/pages/faq#font-licensing" >Font Licenses</a> </li> <li> <a class="o-link -black" href="/pages/contact-us" >Contact</a> </li> <li class="o-layout_item u-1/2"> <a href="/account/login" class="o-link -black">Account Log In</a> </li> </ul> </div> </div> <div class="c-footer_bottom -social"> <a class="c-footer_social" href="https://www.facebook.com/pangrampangramfoundry" target="_blank" rel="noopener noreferrer"> <svg role="img"><use xlink:href="#social-facebook"></use></svg> </a> <a class="c-footer_social" href="https://instagram.com/pangram.pangram/" target="_blank" rel="noopener noreferrer"> <svg role="img"><use xlink:href="#social-instagram"></use></svg> </a> <a class="c-footer_social" href="https://twitter.com/pangrampangram_/" target="_blank" rel="noopener noreferrer"> <svg role="img"><use xlink:href="#social-twitter"></use></svg> </a> </div> <div class="c-footer_preview || c-heading -h1"> <span class="c-font-preview is-hidden" data-module-font-preview="footer"> <span>Aa*1</span> </span> </div> </section> <section class="c-section"> <div class="c-section_header -black"> <div class="c-section_header_heading u-none@to-small"> <span>Available Fonts</span> </div> </div> <ul class="c-footer_list o-layout -gutter-tiny u-none@to-small" data-module-footer-preview> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-corp" data-footer-preview="font" data-footer-preview-name="Neue Corp-Normal Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueCorp-NormalRegular.woff2?v=727472800933142916">Neue Corp</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/editorial-sans" data-footer-preview="font" data-footer-preview-name="Editorial Sans-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPEditorialSans-Light.woff2?v=5465030784767012717">Editorial Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/playground" data-footer-preview="font" data-footer-preview-name="Playground-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPPlayground-Medium.woff2?v=17425418334934416119">Playground</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/nikkei" data-footer-preview="font" data-footer-preview-name="Nikkei-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNikkeiMaru-Regular.woff2?v=14376950255030250819">Nikkei</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/lettra-mono" data-footer-preview="font" data-footer-preview-name="Lettra Mono-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPLettraMono-Regular.woff2?v=7615477762364955786">Lettra Mono</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/model" data-footer-preview="font" data-footer-preview-name="Model-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPModelPlastic-Regular.woff2?v=8175347121201190913">Model</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/valve" data-footer-preview="font" data-footer-preview-name="Valve-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPValve-PlainRegular.woff2?v=15258097057980402184">Valve</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/gatwick" data-footer-preview="font" data-footer-preview-name="Gatwick Collection-Jet Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPGatwick-JetRegular.woff2?v=18331787440995460719">Gatwick Collection</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/talisman" data-footer-preview="font" data-footer-preview-name="Talisman-Condensed Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPTalisman-Condensed-Regular.woff2?v=4311443554770474481">Talisman</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-grotesk-mono" data-footer-preview="font" data-footer-preview-name="Right Grotesk Mono-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightGroteskMono-Regular.woff2?v=10867879943625836960">Right Grotesk Mono</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-serif-mono" data-footer-preview="font" data-footer-preview-name="Right Serif Mono-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightSerifMono-Regular.woff2?v=8420461352724428210">Right Serif Mono</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/pangaia" data-footer-preview="font" data-footer-preview-name="Pangaia-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPPangaia-Regular.woff2?v=8548358489731172015">Pangaia</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-montreal-mono" data-footer-preview="font" data-footer-preview-name="Neue Montreal Mono-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMontrealMono-Regular.woff2?v=17248914126543280360">Neue Montreal Mono</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/hatton" data-footer-preview="font" data-footer-preview-name="Hatton-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPHatton-Light.woff2?v=12871843739810076937">Hatton</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/air" data-footer-preview="font" data-footer-preview-name="Air-Sans Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPAir-Light.woff2?v=13216606105982026272">Air</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/editorial-old" data-footer-preview="font" data-footer-preview-name="Editorial Old-Light Italic" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPEditorialOld-LightItalic.woff?v=4389264146858032652">Editorial Old</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/fragment" data-footer-preview="font" data-footer-preview-name="Fragment-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPFragment-GlareRegular.woff2?v=13188065311410222481">Fragment</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-montreal-arabic" data-footer-preview="font" data-footer-preview-name="Neue Montreal Arabic-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMontrealArabic-Regular.woff2?v=9931874331452776063">Neue Montreal Arabic</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-didone" data-footer-preview="font" data-footer-preview-name="Right Didone-Casual Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightDidone-Regular.woff?v=17541966238605100004">Right Didone</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-serif" data-footer-preview="font" data-footer-preview-name="Right Serif-Casual Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightSerif-Medium.woff?v=6460654558478708700">Right Serif</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-slab" data-footer-preview="font" data-footer-preview-name="Right Slab-Casual Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightSlab-Medium.woff?v=1449160332208820534">Right Slab</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/acma" data-footer-preview="font" data-footer-preview-name="Acma-Semibold" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPAcma-Semibold.woff?v=9695015147637875552">Acma</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/writer" data-footer-preview="font" data-footer-preview-name="Writer-Ultralight" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPWriter-Ultralight.woff2?v=8164685197354889815">Writer</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/telegraf" data-footer-preview="font" data-footer-preview-name="Telegraf-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPTelegraf-Regular.woff?v=4061254965033014689">Telegraf</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-machina-collection" data-footer-preview="font" data-footer-preview-name="Neue Machina-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMachina-InktrapRegular.woff2?v=5424907382212984405">Neue Machina</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/mori" data-footer-preview="font" data-footer-preview-name="Mori-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPMori-Regular.woff?v=6718712288001122036">Mori</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-sans" data-footer-preview="font" data-footer-preview-name="Right Sans-Casual Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightSans-Medium.woff2?v=15705173001976230873">Right Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/formula" data-footer-preview="font" data-footer-preview-name="Formula-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPFormula-NarrowRegular.woff?v=14783238667479625043">Formula</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/rader" data-footer-preview="font" data-footer-preview-name="Rader-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRader-Light.woff?v=17621738647850313487">Rader</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-montreal" data-footer-preview="font" data-footer-preview-name="Neue Montreal-Book" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMontreal-Book.woff2?v=4446385652601161378">Neue Montreal</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/neue-world" data-footer-preview="font" data-footer-preview-name="Neue World-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueWorld-Regular.woff?v=6715945262285044313">Neue World</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/radio-grotesk" data-footer-preview="font" data-footer-preview-name="Radio Grotesk-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRadioGrotesk-Regular.woff?v=127653218602699890">Radio Grotesk</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/eiko" data-footer-preview="font" data-footer-preview-name="Eiko-Thin" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPEiko-Thin.woff?v=1169377644210888347">Eiko</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/pangram-sans" data-footer-preview="font" data-footer-preview-name="Pangram Sans-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPPangramSans-CondensedMedium.woff?v=13691413732271395091">Pangram Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/editorial-new" data-footer-preview="font" data-footer-preview-name="Editorial New-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPEditorialNew-Light.woff?v=9845136818512973217">Editorial New</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/migra" data-footer-preview="font" data-footer-preview-name="Migra-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPMigra-Medium.woff?v=1440203813539506689">Migra</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/pangram-sans-rounded" data-footer-preview="font" data-footer-preview-name="Pangram Sans Rounded-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPPangramSansRounded-CondensedMedium.woff?v=11896217122780419274">Pangram Sans Rounded</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/agrandir" data-footer-preview="font" data-footer-preview-name="Agrandir-Grand Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPAgrandir-GrandRegular.woff?v=3328631090847144333">Agrandir</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-gothic" data-footer-preview="font" data-footer-preview-name="Right Gothic-Casual Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightGothic-Medium.woff?v=16011082098146767021">Right Gothic</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/supply" data-footer-preview="font" data-footer-preview-name="Supply-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPSupplySans-Light.woff?v=9092950127131928227">Supply</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/monument-extended" data-footer-preview="font" data-footer-preview-name="Monument Extended-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPMonumentExtended-Regular.woff?v=8169390142289183023">Monument Extended</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/right-grotesk" data-footer-preview="font" data-footer-preview-name="Right Grotesk-Compact Bold" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPRightGrotesk-CompactBold.woff?v=5830769327538809005">Right Grotesk</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/fraktion" data-footer-preview="font" data-footer-preview-name="Fraktion-Sans Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPFraktionSans-Regular.woff?v=13514913606920828827">Fraktion</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/bitmap-fonts" data-footer-preview="font" data-footer-preview-name="Bitmap Font Pack-Mondwest Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPMondwest-Regular.woff?v=7568021129578465612">Bitmap Font Pack</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/object-sans" data-footer-preview="font" data-footer-preview-name="Object Sans-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPObjectSans-Light.woff?v=8161387204537019237">Object Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/cirka" data-footer-preview="font" data-footer-preview-name="Cirka-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPCirka-Light.woff?v=8109891324361689493">Cirka</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/grafier" data-footer-preview="font" data-footer-preview-name="Grafier-Bold Display" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPGrafier-BoldDisplay.woff?v=1990929459891947427">Grafier</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/gosha-sans" data-footer-preview="font" data-footer-preview-name="Gosha Sans-Regular" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPGoshaSans-Regular.woff?v=2668440618240220303">Gosha Sans</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/woodland" data-footer-preview="font" data-footer-preview-name="Woodland-Light" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPWoodland-Light.woff?v=16107132570010515306">Woodland</a> </li> <li class="o-layout_item u-1/4"> <a class="o-link -black" href="/products/fuji-sans" data-footer-preview="font" data-footer-preview-name="Fuji Sans-Medium" data-footer-preview-src="//pangrampangram.com/cdn/shop/files/PPFuji-Medium.woff?v=12491788855897792485">Fuji Sans</a> </li> </ul> <div class="c-footer_bottom"> <div class="o-layout -middle -gutter-tiny"> <div class="o-layout_item u-1/2@from-small"> <div class="o-layout"> <div class="c-footer_payment"> <svg role="img"><use xlink:href="#payment_applepay"></use></svg> </div> <div class="c-footer_payment"> <svg role="img"><use xlink:href="#payment_paypal"></use></svg> </div> <div class="c-footer_payment"> <svg role="img"><use xlink:href="#payment_mastercard"></use></svg> </div> <div class="c-footer_payment"> <svg role="img"><use xlink:href="#payment_visa"></use></svg> </div> </div> </div> <div class="o-layout_item u-1/4@from-small"> <p class="c-footer_title -small">Copyright © Pangram Pangram® Foundry</p> </div> <div class="o-layout_item u-1/4@from-small"> <p class="c-footer_title -small">Website by <a class="o-link -black" href="https://locomotive.ca/" target="_blank" rel="noopener noreferrer">Locomotive</a></p> </div> </div> </div> </section> </div> </footer> </div> </div> <div class="c-video-modal" data-module-video-modal> <button type="button" class="c-video-modal_close" data-video-modal="close"> <svg class="c-video-modal_close_icon" role="img"><use xlink:href="#close"></use></svg> </button> <div class="c-video-modal_content"> <div class="c-video-modal_inner" data-video-modal="inner"></div> </div> </div> <div class="c-modal-share" data-module-share> <div class="c-modal-share_overlay" data-share="close"></div> <div class="c-modal-share_inner" data-share="inner" tabindex="-1"> <ul class="c-modal-share_list"> <li> <button class="c-modal-share_btn" data-share="share" data-share-platform="facebook"> <svg role="img"><use xlink:href="#social-facebook"></use></svg> <span>Share on Facebook</span> </button> </li> <li> <button class="c-modal-share_btn" data-share="share" data-share-platform="twitter" data-share-text=""> <svg role="img"><use xlink:href="#social-twitter"></use></svg> <span>Share on Twitter</span> </button> </li> <li> <button class="c-modal-share_btn" data-share="copylink" data-share-text="Link copied!"> <svg role="img"><use xlink:href="#sheet"></use></svg> <span>Copy the link</span> </button> </li> </ul> <button class="c-modal-share_close" data-share="close"> <svg role="img"><use xlink:href="#cross"></use></svg> </button> </div> </div> <div class="c-mask" data-module-mask> <canvas class="c-mask_canvas" data-mask="canvas"></canvas> <div class="c-mask_inner" data-mask="inner"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="" class="c-mask_visual" data-mask="visual"> </div> </div> <script> window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code'; window.LOCALE = 'en'; window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again."; window.REQUIRED_ERROR_MESSAGE = "Please fill in this information. "; window.GENERIC_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again."; window.translation = { common: { selectedList: '{quantity} list selected', selectedLists: '{quantity} lists selected' } }; var AUTOHIDE = Boolean(0); </script> <script src="https://sibforms.com/forms/end-form/build/main.js"></script> <script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script> <script nomodule src="https://polyfill-fastly.net/v3/polyfill.min.js?features=fetch%2CCustomEvent%2CElement.prototype.matches%2CNodeList.prototype.forEach%2CAbortController%2CURL" crossorigin="anonymous"></script> <script src="//pangrampangram.com/cdn/shop/t/41/assets/app.js?v=12478239672366523441731352851" defer></script> <script src="//pangrampangram.com/cdn/shop/t/41/assets/inflate.js?v=74130224038388635541701283953" defer></script> <script src="//pangrampangram.com/cdn/shop/t/41/assets/unbrotli.js?v=147590564900445141711701283954" defer></script> <script src="//pangrampangram.com/cdn/shop/t/41/assets/lib-font.browser.js?v=8773663107734193131701283952" type="module" defer></script> <div id="shopify-block-10436698916776057164" class="shopify-block shopify-app-block"><script id="subscription-helper"> if (!window.AppstleIncluded) { window.AppstleIncluded = true; window.RS = Window.RS || {}; RS.Config = { "selectors": { "payment_button_selectors": "form[action$='/cart/add'] .shopify-payment-button", "subscriptionLinkSelector": "", "atcButtonPlacement": "BEFORE", "subscriptionLinkPlacement": "BEFORE", "cartRowSelector": "", "cartLineItemSelector": "", "cartLineItemPerQuantityPriceSelector": "", "cartLineItemTotalPriceSelector": "", "cartLineItemSellingPlanNameSelector": "", "cartSubTotalSelector" : "", "cartLineItemPriceSelector": "", "cartHiddenAttributesSelector": "", "buildABoxDiscountSelector": "", }, "enableCartWidgetFeature": "false", "useUrlWithCustomerId": "true", "atcButtonSelector": "", "moneyFormat": "${{amount}}", "oneTimePurchaseText": "<span class=\"pack-option\">One-Time Payment<\/span><br>No Updates", "tapToSelectText": "", "atcButtonTextSelector": "", "disableCartWidgetOnVariants": "", "shop": "pangrampangram.myshopify.com", "deliveryText": "delivery", "purchaseOptionsText": "", "manageSubscriptionButtonText": "Manage Subscription", "subscriptionOptionText": "<span class=\"pack-option\">Yearly Subscription as a VIPP Member<\/span><br>Cancel anytime! \u2014 While you\u2019re a VIPP\u00AE Member you will have an early access to all font releases. All the new stuff, in realtime.<\/span>", "sellingPlanSelectTitle": "", "subscriptionPriceDisplayText": "", "tooltipTitle": "Subscription detail", "showTooltipOnClick": "false", "tooltipDesctiption": "<strong>Have complete control of your subscriptions<\/strong><br\/><br\/>Skip, reschedule, edit, or cancel deliveries anytime, based on your needs.", "tooltipDescriptionOnPrepaidPlan": "<b>Prepaid Plan Details<\/b><\/br> Total price: {{totalPrice}} ( Price for every delivery: {{pricePerDelivery}})", "tooltipDescriptionOnMultipleDiscount": "<b>Discount Details<\/b><\/br> Initial discount is {{discountOne}} and then {{discountTwo}}", "tooltipDescriptionCustomization": "{{{defaultTooltipDescription}}} <\/br> {{{prepaidDetails}}} <\/br> {{{discountDetails}}}", "orderStatusManageSubscriptionTitle": "Subscription", "orderStatusManageSubscriptionDescription": "Continue to your account to view and manage your subscriptions. Please use the same email address that you used to buy the subscription.", "orderStatusManageSubscriptionButtonText": "Manage your subscription", "subscriptionOptionSelectedByDefault" : true, "totalPricePerDeliveryText" : "{{prepaidPerDeliveryPrice}}\/delivery", "memberOnlySellingPlansJson": {}, "nonMemberOnlySellingPlansJson": {}, "sellingPlansJson": [{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Charged Yearly — Cancel Anytime","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/7748813103","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/7748813103","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"VIPP®","groupId":1439629615,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Charged Yearly — Cancel Anytime","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/9248866607","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/9248866607","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"VIPP® (Bundle)","groupId":2708177199,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]}], "widgetEnabled": true, "showTooltip" : false, "showCartWidgetOnBundleItems" : false, "disablePassingSellingPlanAsLineProperties" : false, "sortByDefaultSequence": false, "showSubOptionBeforeOneTime": true, "detectVariantFromURLParams": true, "disableQueryParamsUpdate": false, "showStaticTooltip": false, "showAppstleLink": false, "sellingPlanTitleText" : "", "oneTimePriceText" : "", "selectedPayAsYouGoSellingPlanPriceText" : "", "selectedPrepaidSellingPlanPriceText" : " {{totalPrice}}", "selectedDiscountFormat" : "SAVE {{selectedDiscountPercentage}}", "manageSubscriptionBtnFormat" : "<a href='apps\/subscriptions' class='appstle_manageSubBtn' ><button class='btn' style='padding: 2px 20px'>Manage Subscription<\/button><a><br><br>", "manageSubscriptionUrl" : "apps\/subscriptions", "appstlePlanId": 163, "showCheckoutSubscriptionBtn": true, "priceSelector": "", "reloadPriceSelector": "", "landingPagePriceSelector": "", "quickViewClickSelector": "", "badgeTop": "", "pricePlacement": "BEFORE", "disableLoadingJquery": false, "widgetEnabledOnSoldVariant": "false", "switchRadioButtonWidget": true, "appstlePlanName": "BUSINESS", "appstlePlanFeatures": {"accessSplitContract":true,"enableExternalApi":false,"accessMechanicsIntegration":true,"enableQuickActions":false,"enableDunningManagement":true,"enableAutoSync":true,"webhookAccess":false,"accessSubscriptionActivityLogs":true,"accessBundling":true,"analytics":true,"enableCustomEmailHtml":true,"accessAppstleMenu":false,"enableShippingProfiles":true,"accessKlaviyoContactSync":true,"accessAdvancedCustomerPortalSettings":true,"accessMechanicIntegration":true,"accessAdvanceSubscriptionPlanOptions":true,"enableSmsAlert":false,"accessOneTimeProductUpsells":true,"enableExportActivityLog":true,"accessQuickCheckout":false,"enableCustomEmailDomain":true,"enableSummaryReports":true,"accessZapierIntegration":true,"accessManualSubscriptionCreation":true,"subscriptionOrderAmount":30000,"enableSubscriptionManagement":true,"enableAutomation":true,"accessShopifyFlowIntegration":true,"enableAddToExistingSubscription":false,"enableBundling":true,"accessGorgiasIntegration":true,"accessResendEmail":true,"enableTrackInventoryInSingleBAB":true,"enableCartWidget":true,"accessDiscountOnCancellationAttempt":true,"accessWidgetDesignOptions":true,"enableCancellationManagement":true,"accessSubscriberLoyaltyFeatures":true,"enableWidgetPlacement":true,"enableIntegrations":true,"enableAdminNotificationAccess":true,"enableCustomerPortalSettings":true,"enableProductSwapAutomation":true,"enableAdvancedSellingPlans":true,"accessBuildABox":true,"accessKlaviyoEmailIntegration":true}, "formMappingAttributeName": "", "formMappingAttributeSelector": "", "quickViewModalPollingSelector": "", "scriptLoadDelay": "0", "formatMoneyOverride": "false", "enableAddToExistingSubscriptionFeature": "false", "displayAddToExistingSubscriptionButtonForNotLoggedInV2": "", "showAddToSubscriptionButtonOnlyOnSubscriptionProducts": "", "appstle_app_proxy_path_prefix": "apps\/subscriptions", "updatePriceOnQuantityChange": "", "widgetParentSelector": "", "quantitySelector": "", "enableAddJSInterceptor": "false", "isDevEnabled": false, "forceReloadWidgetSelector": "", "forceReloadOnFreqChange": false, "showPrepaidPlanSeparately": false, "debugLogsEnabled": false, "isUseStorefrontAPI": false, "storeFrontAccessToken": "", "reBuyEnabled": "false", "loyaltyDetailsLabelText": "", "loyaltyPerkDescriptionText": "", "widgetType": "WIDGET_TYPE_1", "showOneTimeComparePrice": false, "showCombinedSellingPlanCartWidget": false, "combinedCartWidgetSelector": "", "removeUnsubscribeOption": false, "widgetTemplateHtml": `{% raw %}{% endraw %}`, "allWidgetTemplateHtml": "{\"WIDGET_TYPE_1\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_6\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper\\\">\\n {{oneTimePuchaseText}}\\n<div class=\\\"appstle-plan-text\\\">{{{oneTimeFrequencyText}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n <div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span></div>\\n</div>\\n </label>\\n \\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n \\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n {{{name}}}\\n<div class=\\\"appstle-plan-text\\\">{{{sellingPlanFrequencyType}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n\\n\\n</div> \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\"></span>\\n{{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}} \\n</div>\\n </div>\\n </label>\\n{{#showFormattedDiscountText}}\\n <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide appstle-frequency-description\\\">{{{frequencyDescription}}} </div> \\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n {{{name}}}\\n<div class=\\\"appstle-plan-text\\\">{{{sellingPlanFrequencyType}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n\\n</div> \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n {{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"\\\">\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}} \\n</div>\\n</div>\\n</div>\\n</label>\\n{{#showFormattedDiscountText}}\\n <span class=\\\"appstle_sellingPlan_discountText\\\">{{formattedDiscountText}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide appstle-frequency-description\\\">{{{frequencyDescription}}} </div> \\n\\n{{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper\\\">\\n {{oneTimePuchaseText}}\\n<div class=\\\"appstle-plan-text\\\">{{{oneTimeFrequencyText}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">{{{oneTimePuchaseComparePriceAmount}}}</span>\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span>\\n\\n</div>\\n </label>\\n \\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n <div class=\\\"appstle_tooltip\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n {{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE </a>\\n </div>\\n {{/showAppstleLink}}\\n </div>\\n\\n </div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 1.5rem;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\nmargin-top: 10px;\\n}\\n\\n.widgetSellingPlanWrapper input {\\n display: none;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n border-radius: 10px;\\n border: 1px solid #ff609d;\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n font-size: 13px;\\n font-family: monospace;\\n display: block;\\n height: 100%;\\n width: 100%;\\n font-weight: bolder;\\n text-align: center;\\ncursor: pointer;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color:#Fef58f !important;\\ncolor: #E53D29;\\n}\\n.appstle_lowercase {\\n text-transform: lowercase;\\n}\\n\\n\\n.appstle_input_wrapper {\\n position: relative;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n position: absolute;\\n font-size: 8px;\\n background: linear-gradient(to right,#Fef58f,#7A3900);\\n color: white;\\n border-radius: 3px;\\n padding: 1px 18px;\\n left: 50%;\\n display: block;\\n transform: translate(-50%, -50%);\\n white-space: nowrap;\\n}\\n\\nspan.appstle_sellingPlan_discountText:empty {\\n display: none;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n font-size: 10px;\\n font-weight: normal;\\n}\\ndiv.appstle_span_wrapper{\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n}\\n\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n\\tfont-family: monospace;\\n font-size: 13px;\\n}\\n\\n</style>\\n<style>\\n.widgetSellingPlanWrapper {\\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\\n gap: 0.8rem !important;\\n}\\n\\n.appstle_sub_widget {\\n max-width: 100%!important;\\n} \\n\\n.widgetSellingPlanWrapper label {\\n height: auto !important;\\n border: none !important;\\n font-family: 'Open Sans' !important;\\n padding: 14px 5px !important;\\n display: flex !important;\\n justify-content: center !important;\\n align-items: center !important;\\n flex-direction: column;\\n max-width: 100% !important;\\n width: unset !important;\\nline-height: 20px;\\n}\\n\\n.appstle_how_does_it_work {\\n font-size: 10px;\\n font-weight: bold;\\n line-height: 16px !important;\\n margin: 6px 0px;\\n color: #121212;\\n}\\n@media screen and (max-width: 800px) {\\n .appstle_how_does_it_work {\\n text-align: right;\\n }\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_formattext_block {\\n font-size: 10px !important;\\ntext-align: right !important;\\n display: block;\\n}\\n\\n.appstle_span_wrapper {\\n align-items: baseline;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_discount_block.appstle_formattedPrepaidPerDeliveryPriceText {\\n font-size: 10px !important;\\n display: block;\\n text-align: right;\\n}\\n\\n.appstle_input_wrapper {\\n display: flex;\\n height: 100% !important;\\nflex-direction: column;\\n}\\n\\n.appstle_sub_widget input[type=radio]+label:before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n border-radius: 12px;\\n padding: 2px;\\n background: #121212;\\n -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n -webkit-mask-composite: xor;\\n mask-composite: exclude;\\n pointer-events: none;\\n z-index: 0;\\n transition: all 0.2s;\\n}\\n\\n.appstle_sub_widget input[type=radio]:checked+label:before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n border-radius: 12px;\\n // padding: 4px;\\n// background: linear-gradient(to right,#Fef58f,#7A3900);\\n//background: #E53D29;\\n border: 2px transparent;\\n -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n -webkit-mask-composite: xor;\\n mask-composite: exclude;\\n pointer-events: none;\\n z-index: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n font-weight: 900;\\n background: linear-gradient(to right,#Fef58f,#7A3900);\\n border-radius: 100px !important;\\n padding: 0px 8px !important;\\n height: 20px;\\n display: flex !important;\\n justify-content: center;\\n align-items: center;\\n font-size: 10px !important;\\n letter-spacing: 1px;\\nz-index: 2;\\n}\\n\\n.appstle_lowercase.appstle_sellingPlan_price.appstle_price_block {\\n font-size: 14px !important;\\nfont-weight: 900 !important;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount {\\n font-size: 14px !important;\\n font-weight: 900;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n font-size: 14px !important;\\n font-weight: 900;\\ntext-decoration: line-through;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_text {\\n font-size: 10px !important;\\n}\\n\\nspan.appstle-popular {\\n position: absolute;\\n top: -40px;\\n background: black;\\n color: #fff;\\n z-index: -3;\\n border-radius: 10px;\\n font-size: 11px;\\n padding: 0px 10px 29px 10px;\\nleft: 0;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n \\n border-radius: 14px;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n \\n overflow: hidden;\\n}\\n\\n.appstle-cancel-text {\\n font-size: 10px;\\n}\\n\\n.appstle-perday-price {\\n font-size: 10px;\\n font-weight: 600;\\ndisplay: none;\\n}\\n\\n.appstle-plan-text {\\n font-size: 10px;\\n font-weight: 400;\\n}\\n\\n\\n .widgetSellingPlanWrapper {\\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n flex-direction: row;\\n justify-content: space-between !important;\\n align-items: flex-start !important;\\nwidth: 100% !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n font-size: 18px;\\n text-align: left;\\n padding: 16px !important;\\nflex-basis: unset;\\n}\\n\\n.appstle_span_wrapper {\\n justify-content: flex-end !important;\\n}\\n\\n.appstle-perday-price {\\n text-align: right;\\n}\\n\\n.widgetSellingPlanWrapper {\\n gap: 0.8rem !important;\\n}\\n\\nspan.appstle-popular {\\n width: calc(100% - 20px);\\n text-align: center;\\n font-weight: 900;\\n letter-spacing: 2px;\\n font-size: 12px;\\n top: -30px;\\nleft: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText { \\nleft: unset !important;\\n right: 15px;\\n transform: translate(0, -50%) !important;\\n}\\n.appstle-cancel-text {\\n text-align: left;\\nfont-weight: 400;\\n}\\n\\n.appstle_input_wrapper label {\\n text-align: left !important;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n width: 100% !important;\\n margin: 0 !important;\\n}\\n.appstle_input_wrapper {\\n width: 100% !important;\\nflex-direction: row;\\n}\\n.appstle_input_wrapper label {\\n font-size: 14px !important;\\n}\\n.appstle-plan-text {\\n font-size: 10px;\\n font-weight: 400;\\n}\\n.widgetSellingPlanWrapper input:checked+label+span {\\n background: linear-gradient(to right,#F5DEB3,#F5DEB3) !important;\\n}\\n.appstle_onetime_block .appstle_span_wrapper {\\n grid-column: 2;\\n}\\n.appstle-frequency-description {\\n text-align: right !important;\\n}\\n\\n\\n.appstle-sm-hide {\\n display: none;\\n}\\n\\n@media screen and (min-width: 800px) {\\n.appstle-lg-show {\\n display: block;\\n}\\n.appstle-lg-hide {\\n display: none;\\n}\\n\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_formattedCompareAtPrice.appstle_price_block {\\n text-decoration: line-through;\\n display: block;\\n margin-right: 3px;\\n font-size: 12px !important;\\n color: #121212;\\n}\\n\\n.appstle_span_wrapper > * {\\nflex-shrink: 0\\n}\\n\\n\\n</style>\\n</div>\\n{% endraw %}\",\"WIDGET_TYPE_2\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_3\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper appstle_subscription_wrapper\\\">\\n{{#showSubOptionBeforeOneTime}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n {{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n \\n </label>\\n {{/prepaidFlag}}\\n {{#prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n </div>\\n \\n </label>\\n {{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n {{^requires_selling_plan}}\\n <div class=\\\"appstle_input_wrapper appstle_onetime\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"{{sellingPlanId}}\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{oneTimePuchaseText}}\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n{{{oneTimePuchaseAmount}}}</span>\\n </label>\\n \\n </div>\\n {{/requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n {{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n \\n </label>\\n {{/prepaidFlag}}\\n {{#prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n </div>\\n \\n </label>\\n {{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n <div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n {{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE\\n </a>\\n </div>\\n{{/showAppstleLink}}\\n </div>\\n </div>\\n{{/showTooltip}}\\n<style>.widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 0.5rem;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\n}\\n.widgetSellingPlanWrapper input {\\n display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n border-radius: 8px;\\n border: 1px solid #E60000;\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n font-size: 13px;\\n display: block;\\n height: 100%;\\n width: 100%;\\n text-align: center;\\ncursor: pointer;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color: #ffffff;\\n color: #000000;\\n}\\n.appstle_lowercase {\\n text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n position: absolute;\\n background-color: black;\\n color: white;\\n border-radius: 3px;\\n padding: 1px 18px;\\n left: 50%;\\n display: block;\\n transform: translate(-50%, -50%);\\n white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n display: none;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n font-size: 13px;\\n font-weight: normal;\\n color: red;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n font-size: 13px;\\n font-weight: normal;\\n color: red;\\n text-decoration: line-through;\\n padding: 0 3px;\\n}\\ndiv.appstle_span_wrapper{\\ndisplay: flex;\\njustify-content: center;\\n}\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n font-size: 13px;\\n}\\n.appstle_subscription_wrapper {\\n border: none !important;\\n}\\n \\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_4\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n </label>\\n \\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}<span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\">/{{{sellingPlanFrequencyText}}}{{#isFrequencySubsequent}}{{/isFrequencySubsequent}}</span>\\n</div> \\n </label>\\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n</div> \\n</label>\\n{{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n </label>\\n \\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n <div class=\\\"appstle_tooltip\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n{{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE\\n </a>\\n </div>\\n{{/showAppstleLink}}\\n </div>\\n\\n </div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 16px;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\nmargin-top: 10px\\n}\\n\\n.widgetSellingPlanWrapper input {\\n display: none;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n border-radius: 10px;\\n border: 1px solid #ff609d;\\n padding: 0.5rem;\\n display: flex !important;\\n flex-direction: column;\\n justify-content: center;\\n align-items: center;\\n font-size: 11px;\\n font-family: monospace;\\n display: block;\\n height: 100%;\\n width: 100%;\\n font-weight: bolder;\\n text-align: center;\\ncursor: pointer;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color: #fff4f8;\\n}\\n.appstle_lowercase {\\n text-transform: lowercase;\\n}\\n\\n\\n.appstle_input_wrapper {\\n position: relative;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n position: absolute;\\n font-size: 8px;\\n background-color: #724cf9;\\n color: white;\\n border-radius: 3px;\\n padding: 1px 18px;\\n left: 50%;\\n display: block;\\n transform: translate(-50%, -50%);\\n white-space: nowrap;\\n}\\n\\nspan.appstle_sellingPlan_discountText:empty {\\n display: none;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n font-size: 10px;\\n font-weight: normal;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n font-size: 10px;\\n font-weight: normal;\\ntext-decoration: line-through;\\n}\\ndiv.appstle_span_wrapper{\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n}\\n\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n\\tfont-family: monospace;\\n font-size: 13px;\\n}\\n</style>\\n</div>\\n{% endraw %}\",\"WIDGET_TYPE_5\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{{oneTimePuchaseText}}}\\n </label>\\n \\n </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}} />\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n </label>\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{#showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{{oneTimePuchaseText}}}\\n </label>\\n \\n </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{toolTipDescription}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n <div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n {{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE\\n </a>\\n </div>\\n {{/showAppstleLink}}\\n </div>\\n </div>\\n{{/showTooltip}}\\n <style>\\n .widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 8px;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\n margin-top: 10px;\\n }\\n \\n .widgetSellingPlanWrapper input {\\n display: none;\\n }\\n \\n .widgetSellingPlanWrapper label {\\n border-radius: 4px;\\n border: 1px solid #012935;\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n font-size: 11px;\\n font-family: sans-serif;\\n display: block;\\n height: 100%;\\n width: 100%;\\n font-weight: bolder;\\n text-align: center;\\n \\t color: #012935;\\ncursor: pointer;\\n }\\n \\n .widgetSellingPlanWrapper input:checked+label {\\n background-color: #012935;\\n \\t color: white;\\n }\\n .appstle_lowercase {\\n text-transform: lowercase;\\n }\\n \\n \\n .appstle_input_wrapper {\\n position: relative;\\n }\\n \\n span.appstle_sellingPlan_discountText {\\n position: absolute;\\n font-size: 8px;\\n background-color: #724cf9;\\n color: white;\\n border-radius: 3px;\\n padding: 1px 18px;\\n left: 50%;\\n display: block;\\n transform: translate(-50%, -50%);\\n white-space: nowrap;\\n }\\n \\n span.appstle_sellingPlan_discountText:empty {\\n display: none;\\n }\\n \\n span.appstle_lowercase.appstle_sellingPlan_price {\\n font-size: 10px;\\n font-weight: normal;\\n }\\n \\n #appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n \\tfont-family: sans-serif;\\n font-size: 13px;\\n }\\n </style>\\n </div>{% endraw %}\"}", "bundle": {}, "labels": `{\"appstle.subscription.wg.addToShipmentErrorTextV2\":\"Error\",\"appstle.subscription.wg.weeksFrequencyTextV2\":\"Weeks\",\"appstle.subscription.wg.weeklyLabelTextV2\":\"Weekly\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonForNotLoggedInV2\":\"false\",\"appstle.subscription.wg.addToShipmentProcessingV2\":\"Processing...\",\"appstle.subscription.wg.deliveryEveryFrequencyTextV2\":\"Delivery Every\",\"appstle.subscription.wg.subscribeAndSaveInitalV2\":\"Subscribe & save\",\"appstle.subscription.wg.prepaidLabelTextV2\":\"Prepaid\",\"appstle.subscription.wg.daysFrequencyTextV2\":\"Days\",\"appstle.subscription.wg.monthlyLabelTextV2\":\"Monthly\",\"appstle.subscription.wg.subscribeAndSaveSuccessV2\":\"Subscribe success\",\"appstle.subscription.wg.addToShipmentSuccessTextV2\":\"Success\",\"appstle.subscription.wg.monthFrequencyTextV2\":\"Month\",\"appstle.subscription.wg.addToShipmentButtonTextV2\":\"Add to Shipment\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonToSubscribersOnlyV2\":\"false\",\"appstle.subscription.wg.yearsFrequencyTextV2\":\"Years\",\"appstle.subscription.wg.addToShipmentTooltipTextV2\":\"Please avoid double delivery charges! Login to add this product to an upcoming delivery.\",\"appstle.subscription.wg.weekFrequencyTextV2\":\"Week\",\"appstle.subscription.wg.oneTimePurchaseTextV2\":\"One Time Purchase\",\"appstle.subscription.wg.loyaltyPerkDescriptionTextV2\":\"{{#isDiscountTypeFreeProduct}}<div style='display: flex;'><div style='height: 60px; width: 60px; flex-shrink: 0; margin-right: 10px;'><img style='width: 100%' src={{{featured_image}}}><\/img><\/div><div>After {{{billingCycleBlock}}} orders,<span style='color: #ffc000;font-weight: 700;';> get a FREE {{freeProductName}} <\/span><\/div><div>{{\/isDiscountTypeFreeProduct}}{{#isDiscountTypePercentage}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{discount}}}% OFF your entire order<\/span><\/span>.{{\/isDiscountTypePercentage}}{{#isDiscountTypeShipping}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>shipping at {{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeShipping}}{{#isDiscountTypeFixed}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}} OFF your entire order<\/span><\/span>.{{\/isDiscountTypeFixed}}\",\"appstle.subscription.wg.unsubscribeFrequencyTextV2\":\"unsubscribe\",\"appstle.subscription.wg.oneTimeFrequencyTextV2\":\"No updates\",\"appstle.subscription.wg.dayFrequencyTextV2\":\"day\",\"appstle.subscription.wg.allowFulfilmentCountViaPropertiesV2\":\"false\",\"appstle.subscription.wg.monthsFrequencyTextV2\":\"Months\",\"appstle.subscription.wg.prepaidSaveBadgeTextV2\":\"SAVE {{selectedDiscountPercentage}}\",\"appstle.subscription.wg.manageSubscriptionButtonTextV2\":\"Manage Subscription\",\"appstle.subscription.wg.offFrequencyTextV2\":\"Off\",\"appstle.subscription.wg.yearFrequencyTextV2\":\"Year\",\"appstle.subscription.wg.prepayLabelTextV2\":\"Prepay\",\"appstle.subscription.wg.selectDeliverOptionV2\":\"select deliver option\",\"appstle.subscription.wg.yearlyLabelTextV2\":\"Yearly\"}`, "css": { "appstle_subscription_widget": { "margin-top": "" , "margin-bottom": "", }, "appstle_subscription_wrapper": { "border-width": "0px", "border-color": "", }, "appstle_circle": { "border-color": "#ff7a00", }, "appstle_dot": { "background-color": "#ff7a00", }, "appstle_select": { "padding-top": "", "padding-bottom": "", "padding-left": "", "padding-right": "", "border-width": "", "border-style": "", "border-color": "", "border-radius": "", }, "tooltip_subscription_svg": { "fill": "", }, "appstle_tooltip": { "color": "", "background-color": "", }, "appstle_tooltip_border_top_color": { "border-top-color": "", }, "appstle_subscription_final_price": { "color": "", }, "appstle_widget_text_color": { "color": "", }, "appstle_selected_background": { "background": "transparent", }, "elementCSS": "[]", "customCSS": "", "customerPortalCss": "body, .app-main { \nfont-family:\"PP Neue Montreal\" !important;\n}\n\n.as-bg-gray-100{\nbackground-color:#1c1c1c !important;\n}\n\n.as-text-gray-900 {\ncolor:#ffffff !important;\n}\n\n.as-edit-frequency_data,\n.as-subtotal-price .as-text-gray-900,\n.as-subscription-header .as-text-gray-900{\ncolor:#000000 !important;\n}\n\n.as-customer-info,\n.as-delivery-price,\n.container .appstle_contract_see_more,\n.as-button--pause {\ndisplay:none !important;\n}\n\n.as-button--cancelsub {\nborder:2px rgb(220 38 38\/var(--tw-bg-opacity)) solid;\n}\n\n.as-py-10 {\npadding-top: 100px !important;\npadding-bottom: 200px !important;\n}\n\n.as-bg-indigo-600 {\nbackground-color:#1c1c1c !important;\n}\n#appstleSubscriptionCustomerPortal > div > div > div > div > div > div.as-w-full.as-px-2.as-my-8.sm\\:as-px-0.as-subscription-detail-wrapper > div.as-flex.as-space-x-0\\.5.as-rounded-lg.as-overflow-hidden.as-shadow.as-tab-list{\ndisplay: none!important;\n}\n\n#headlessui-tabs-panel-10 > div > div.lg\\:as-col-span-8.as-full-width.as-panel-left > div > div > div.as-flex.as-justify-between.as-items-center.as-mb-1.as-product-details_header {\ndisplay: none!important;\n}\n\n#headlessui-tabs-panel-10 > div > div.lg\\:as-col-span-8.as-full-width.as-panel-left > div > div > div.as-relative.as-overflow-x-auto.as-product-details-table-wrapper > table > tbody > tr.as-bg-white.as-border-b.hover\\:as-bg-gray-50.as-product-line > th > div > div.as-col-span-10.as-product-line-details > p.as-mt-4.as-product-action > span.as-cursor-pointer.as-font-medium.as-text-indigo-600.hover\\:as-underline.as-cta.as-edit-product-cta{\ndisplay: none!important;\n}\n#headlessui-tabs-panel-10 > div > div.lg\\:as-col-span-8.as-full-width.as-panel-left > div > div > div.as-relative.as-overflow-x-auto.as-product-details-table-wrapper > table > tbody > tr.as-bg-white.as-border-b.hover\\:as-bg-gray-50.as-product-line > th > div > div.as-col-span-10.as-product-line-details > p.as-mt-4.as-product-action > span.as-cursor-pointer.as-font-medium.as-text-yellow-600.hover\\:as-underline.as-ml-2.as-cta.as-view-more-cta{\ndisplay: none!important;\n}\n#headlessui-tabs-panel-10 > div > div.lg\\:as-col-span-4.as-grid.as-gap-4.as-full-width.as-panel-right > div.as-bg-white.as-shadow.as-overflow-hidden.sm\\:as-rounded-lg.as-p-4.as-card.as-edit-billing{\ndisplay: none!important;\n}\n#headlessui-tabs-panel-10 > div > div.lg\\:as-col-span-4.as-grid.as-gap-4.as-full-width.as-panel-right > div.as-bg-white.as-shadow.as-overflow-hidden.sm\\:as-rounded-lg.as-p-4.as-card.as-additional-order-details{\ndisplay: none!important;\n}\n#headlessui-tabs-panel-10 > div > div.lg\\:as-col-span-4.as-grid.as-gap-4.as-full-width.as-panel-right > div.as-bg-white.as-shadow.as-overflow-hidden.sm\\:as-rounded-lg.as-p-4.as-card.as-edit-discount{\ndisplay: none!important;\n}\n#headlessui-tabs-panel-10 > div > div.lg\\:as-col-span-4.as-grid.as-gap-4.as-full-width.as-panel-right > div.as-bg-white.as-shadow.as-overflow-hidden.sm\\:as-rounded-lg.as-p-4.as-card.as-edit-shipping{\ndisplay: none!important;\n}\nfooter{\nz-index: -1;\n}\n#appstleSubscriptionCustomerPortal .as-cp-wrapper{\nbackground-color: transparent !important;\n} \n\n.lg\\:as-block {\ndisplay:none !important;\n}", "externalStyleTag": "", "themeCss": "", } }; sessionStorage['appstleSubscriptionConfig'] = JSON.stringify(RS.Config); var _RSConfig = _RSConfig || {}; _RSConfig.shop = 'pangrampangram.myshopify.com'; _RSConfig.shopMoneyFormat = '${{amount_no_decimals}}'; _RSConfig.shopMoneyFormatWithCurrencyFormat = '${{amount_no_decimals}} USD'; } </script> <style> </style> <script> function pollAppstleInit() { if (window?.appstleInit) { window?.appstleInit() } else { setTimeout(pollAppstleInit, 30); } } </script> <script src="https://subscription-admin.appstle.com/assets/js/appstle-subscription.min.js?shop=pangrampangram.myshopify.com&v=1727071880113" defer ></script> </div></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10