Eiko - An Elegant and Refined Serif - Free to Try Font

<!doctype html> <html class="is-loading" lang="en" data-page="product" data-theme="dark" > <head> <meta charset="utf-8">  <title> Eiko - An Elegant and Refined Serif - Free to Try Font – Pangram Pangram Foundry</title> <meta name="description" content="Eiko is inspired by the work of Eiko Ishioka, a multitalented Japanese artist, this typeface seeks to convey the same aspect of her work in these typographic explorations. Is an original serif font with high contrast, including the syllable alphabet kana, hiragana + katakana."> <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/products/eiko">  <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">  <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"> <link rel="alternate" type="application/json+oembed" href="https://pangrampangram.com/products/eiko.oembed"> <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":"product"}</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":"c9669136-f074-4c40-811d-4fcc45adf81a-1732699702","pageurl":"pangrampangram.com\/products\/eiko","u":"f7932bd0681a","p":"product","rtyp":"product","rid":6593088585782};</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/products/Aa-Eiko.jpg?v=1632860463" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/2642/6578/products/Aa-Eiko.jpg?v=1632860463" /> <meta property="og:image:width" content="2160" /> <meta property="og:image:height" content="2160" /> <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: "product"};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":[{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491086745654","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Full Family (16 Styles + Variable)","untranslatedTitle":"Full Family (16 Styles + Variable)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753540206646","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Upright Family (8 Styles + Variable)","untranslatedTitle":"Upright Family (8 Styles + Variable)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753540239414","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Italic Family (8 Styles + Variable)","untranslatedTitle":"Italic Family (8 Styles + Variable)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753539878966","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Essentials (Regular, Italic, Bold, Bold Italic)","untranslatedTitle":"Essentials (Regular, Italic, Bold, Bold Italic)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491086909494","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Thin","untranslatedTitle":"Thin"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753538830390","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Thin Italic","untranslatedTitle":"Thin Italic"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491086778422","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":null,"title":"Extralight","untranslatedTitle":"Extralight"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753538863158","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Extralight Italic","untranslatedTitle":"Extralight Italic"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491086811190","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":null,"title":"Light","untranslatedTitle":"Light"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753539223606","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Light Italic","untranslatedTitle":"Light Italic"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491086843958","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":null,"title":"Regular","untranslatedTitle":"Regular"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753538928694","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Regular Italic","untranslatedTitle":"Regular Italic"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491086876726","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":null,"title":"Medium","untranslatedTitle":"Medium"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753538961462","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Medium Italic","untranslatedTitle":"Medium Italic"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39494984663094","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Bold","untranslatedTitle":"Bold"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753539026998","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Bold Italic","untranslatedTitle":"Bold Italic"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491087007798","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":null,"title":"Black","untranslatedTitle":"Black"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753539059766","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Black Italic","untranslatedTitle":"Black Italic"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491086975030","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":null,"title":"Heavy","untranslatedTitle":"Heavy"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39753538994230","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Heavy Italic","untranslatedTitle":"Heavy Italic"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"40244641300534","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Medium (D#QKVTAV1)","untranslatedTitle":"Medium (D#QKVTAV1)"},{"price":{"amount":30.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"50751485149487","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Thin (D#QEIAM2Q)","untranslatedTitle":"Thin (D#QEIAM2Q)"},{"price":{"amount":30.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"50751505891631","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Thin (D#FGQW69C)","untranslatedTitle":"Thin (D#FGQW69C)"},{"price":{"amount":60.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"50751736381743","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Black (D#8H4BO72)","untranslatedTitle":"Black (D#8H4BO72)"}],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("product_viewed", {"productVariant":{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Eiko","vendor":"pangrampangram","id":"6593088585782","untranslatedTitle":"Eiko","url":"\/products\/eiko","type":"Font"},"id":"39491086745654","image":{"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"sku":"","title":"Full Family (16 Styles + Variable)","untranslatedTitle":"Full Family (16 Styles + Variable)"}});},"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 = {"product":{"id":6593088585782,"gid":"gid:\/\/shopify\/Product\/6593088585782","vendor":"pangrampangram","type":"Font","variants":[{"id":39491086745654,"price":0,"name":"Eiko - Full Family (16 Styles + Variable)","public_title":"Full Family (16 Styles + Variable)","sku":""},{"id":39753540206646,"price":0,"name":"Eiko - Upright Family (8 Styles + Variable)","public_title":"Upright Family (8 Styles + Variable)","sku":""},{"id":39753540239414,"price":0,"name":"Eiko - Italic Family (8 Styles + Variable)","public_title":"Italic Family (8 Styles + Variable)","sku":""},{"id":39753539878966,"price":0,"name":"Eiko - Essentials (Regular, Italic, Bold, Bold Italic)","public_title":"Essentials (Regular, Italic, Bold, Bold Italic)","sku":""},{"id":39491086909494,"price":0,"name":"Eiko - Thin","public_title":"Thin","sku":""},{"id":39753538830390,"price":0,"name":"Eiko - Thin Italic","public_title":"Thin Italic","sku":""},{"id":39491086778422,"price":0,"name":"Eiko - Extralight","public_title":"Extralight","sku":null},{"id":39753538863158,"price":0,"name":"Eiko - Extralight Italic","public_title":"Extralight Italic","sku":""},{"id":39491086811190,"price":0,"name":"Eiko - Light","public_title":"Light","sku":null},{"id":39753539223606,"price":0,"name":"Eiko - Light Italic","public_title":"Light Italic","sku":""},{"id":39491086843958,"price":0,"name":"Eiko - Regular","public_title":"Regular","sku":null},{"id":39753538928694,"price":0,"name":"Eiko - Regular Italic","public_title":"Regular Italic","sku":""},{"id":39491086876726,"price":0,"name":"Eiko - Medium","public_title":"Medium","sku":null},{"id":39753538961462,"price":0,"name":"Eiko - Medium Italic","public_title":"Medium Italic","sku":""},{"id":39494984663094,"price":0,"name":"Eiko - Bold","public_title":"Bold","sku":""},{"id":39753539026998,"price":0,"name":"Eiko - Bold Italic","public_title":"Bold Italic","sku":""},{"id":39491087007798,"price":0,"name":"Eiko - Black","public_title":"Black","sku":null},{"id":39753539059766,"price":0,"name":"Eiko - Black Italic","public_title":"Black Italic","sku":""},{"id":39491086975030,"price":0,"name":"Eiko - Heavy","public_title":"Heavy","sku":null},{"id":39753538994230,"price":0,"name":"Eiko - Heavy Italic","public_title":"Heavy Italic","sku":""},{"id":40244641300534,"price":0,"name":"Eiko - Medium (D#QKVTAV1)","public_title":"Medium (D#QKVTAV1)","sku":""},{"id":50751485149487,"price":3000,"name":"Eiko - Thin (D#QEIAM2Q)","public_title":"Thin (D#QEIAM2Q)","sku":""},{"id":50751505891631,"price":3000,"name":"Eiko - Thin (D#FGQW69C)","public_title":"Thin (D#FGQW69C)","sku":""},{"id":50751736381743,"price":6000,"name":"Eiko - Black (D#8H4BO72)","public_title":"Black (D#8H4BO72)","sku":""}]},"page":{"pageType":"product","resourceType":"product","resourceId":6593088585782}}; 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":"product","resourceType":"product","resourceId":6593088585782}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":39491086745654,"productId":6593088585782,"productGid":"gid:\/\/shopify\/Product\/6593088585782","name":"Eiko - Full Family (16 Styles + Variable)","price":"0.00","sku":"","brand":"pangrampangram","variant":"Full Family (16 Styles + Variable)","category":"Font","nonInteraction":true}); window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":39491086745654,"productId":6593088585782,"productGid":"gid:\/\/shopify\/Product\/6593088585782","name":"Eiko - Full Family (16 Styles + Variable)","price":"0.00","sku":"","brand":"pangrampangram","variant":"Full Family (16 Styles + Variable)","category":"Font","nonInteraction":true,"referer":"https:\/\/pangrampangram.com\/products\/eiko"}); } }); 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="product" 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 -white" 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 u-font">Eiko</div> </div> <div class="c-header_mode"> <button data-header="invert-theme"><span>⬤</span><span data-header="invert-theme-label">Light Mode</span></button> </div> <nav class="c-header_nav"> <div class="c-header_nav_item u-none@to-small"> <div class="c-header_nav_button"> <button class="c-button -small" data-module-content-modal-toggler data-content-modal-toggler-id="try">Try it Free</button> </div> <div class="c-header_nav_button"> <button class="c-button -primary -small" data-product-form="toggler">Buy it</button> </div> </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> <script type="text/css" data-module-page-font data-page-font-name="eiko"> @font-face { font-family: 'eiko'; src: url(//pangrampangram.com/cdn/shop/files/PPEiko-Variable.ttf?v=17439404406253155441); font-weight: 100 800; font-display: swap; font-style: normal; } @font-face { font-family: 'eiko'; src: url(//pangrampangram.com/cdn/shop/files/PPEikoItalic-Variable.ttf?v=8274901015610003590); font-weight: 100 800; font-display: swap; font-style: italic; } body[data-module-load] .u-font { font-family: 'eiko', 'Neue Montreal', sans-serif; font-weight: 200; } @keyframes variableDemo { 0% { font-variation-settings: "wght" 100; } 50% { font-variation-settings: "wght" 800; } 100% { font-variation-settings: "wght" 100; } } .c-weight { font-size: 3.5rem; } .c-huge-type { --line-height: 0.9; } .c-header-font_title { --product-title-font-size: 10rem; --product-title-mobile-font-size: 4rem; } /* Big Font Text - default is 6.25rem(100px) */ body[data-module-load] .u-font.c-product-text__big { font-size: 7.5rem; /* 120px */ font-weight: 100; } /* Small Font Text - default is 1.125rem(18px) */ body[data-module-load] .u-font.c-product-text__small.u-font { font-size: 1.125rem; /* 18px */ font-weight: 500; } @media (max-width: 699px) { .c-huge-type { --line-height: 1.6; height: 22rem; } .c-variable { font-size:2rem; margin-bottom:40px; } .c-weight { font-size: 2.5rem; } } </script> <header class="c-header-font" data-scroll-section> <div class="c-header-font-bg_wrapper" data-scroll data-scroll-sticky data-scroll-target="#header-font-sticky" data-scroll-id="headerPage" data-scroll-call="noShrinkTop" data-scroll-repeat data-scroll-position="top" > <div class="c-header-font-bg" style="background-image: url(//pangrampangram.com/cdn/shop/files/Header-Eiko.jpg?v=1698247544);"></div> </div> <div class="c-header-font_sticky" id="header-font-sticky"></div> <div class="o-container"> <div class="c-header-font_wrap" id="header-page"> <div class="c-header-font_content"> <div class="c-header-font_col u-2/3@from-medium" data-scroll data-scroll-target="#header-page" data-scroll-speed="2" data-scroll-position="top" > <h1 class="c-header-font_title u-font"> <div class="c-heading_line"> <div class="c-header-font_title_inner"> Eiko 瑛子<br /><i>with Italics</i> </div> </div> </h1> <p class="c-heading -h5 -nomargin u-anim -delay9"> Free to try<br> Licenses starting at $30 </p> </div> <div class="c-header-font_col u-1/3@from-small" data-scroll data-scroll-target="#header-page" data-scroll-speed="1" data-scroll-position="top" > <nav class="c-header-font_nav"> <div> <a class="c-header-font_nav_link" data-scroll-to href="#infos" ><span class="u-ib u-anim -left -delay2">Informations</span></a > <a class="c-header-font_nav_link" data-scroll-to href="#styles" ><span class="u-ib u-anim -left -delay3">Styles</span></a > <a class="c-header-font_nav_link" data-scroll-to href="#sampler" ><span class="u-ib u-anim -left -delay4">Font Sampler</span></a > <a class="c-header-font_nav_link" data-scroll-to href="#visuals" ><span class="u-ib u-anim -left -delay5">Visuals & Specimen</span></a > <a class="c-header-font_nav_link" data-scroll-to href="#characters" ><span class="u-ib u-anim -left -delay6">Characters</span></a > <a class="c-header-font_nav_link" data-scroll-to href="#in-use" ><span class="u-ib u-anim -left -delay7">Font in use</span></a > <a class="c-header-font_nav_link" data-scroll-to href="#pairing" ><span class="u-ib u-anim -left -delay8">Pairing Options</span></a > </div> <div class="c-header-font_nav_link u-anim -down -delay8"> <svg role="img"> <use xlink:href="#check"></use> </svg> Japanese <br> <svg role="img"> <use xlink:href="#check"></use> </svg> Serif <br> <svg role="img"> <use xlink:href="#check"></use> </svg> Variable <br> </div> </nav> <div class="c-header-font_buttons"> <div class="c-header-font_button u-anim -delay11"> <button class="c-button -border-white" data-module-content-modal-toggler data-content-modal-toggler-id="try" > Try it Free </button> </div> <div class="c-header-font_button u-anim -delay12"> <button class="c-button -white" data-product-form="toggler">Buy it</button> </div> </div> </div> </div> </div> </div> </header> <section class="c-section || u-white" data-scroll-section data-module-paragraph-size> <div class="o-container"> <div class="c-section_header -anim"> <div class="c-section_header_heading u-anim -down -delay9"> <span data-paragraph-size="label"></span> </div> </div> </div> <div class="c-huge-type u-anim -translate -delay1 u-font" data-scroll data-scroll-repeat> <div class="c-huge-type_wrap"> <div class="c-huge-type_text" data-paragraph-size="target"> AaBbCc<i>123</i>&*天気えいこ </div> <div class="c-huge-type_text" data-paragraph-size="target"> AaBbCc<i>123</i>&*天気えいこ </div> </div> </div> </section> <section class="c-section -margin-bottom" data-scroll-section> <div class="o-container"> <div class="c-section_header"> <div class="c-section_header_heading" id="infos"> <span>Infos</span> </div> </div> <div class="o-layout -gutter-tiny"> <div class="o-layout_item u-1/3@from-small"></div> <div class="o-layout_item u-2/3@from-small"> <div class="c-heading -h4 -indent productDescription"> Eiko is an indisputable statement of elegance and refinement ● Every curves and bezier points were applied with a sense of purpose. It is inspired by the work of Eiko Ishioka, a multitalented Japanese artist, this typeface seeks to convey the same aspect of her work in these typographic explorations ■ It is an original serif font with high contrast, including the syllable alphabet kana, hiragana & katakana, it is ideal to pair with other kanji fonts of the Japanese mincho style. <br><br>▲ Its resources include a large repertoire of Japanese punctuations, stylistic sets with circular and square numbers, vertical written, subscript and superscript numbers, mathematical symbols, meteorological symbols, ligatures, arrows and many alternates. And now: a new basic educational set with 81 kanjis and full italics! </div> <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">Credits & details</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -no-pad-top" data-accordion="main"> <table class="c-specs"> <tr> <td>Styles</td> <td>16 Styles with 1,200 Glyphs each<br/>Including Kana, Hiragana, Katakana & educational Kanji Support</td> </tr> <tr> <td>Designer</td> <td> <ul> <li> <a href="https://instagram.com/inaritype" target="_blank">Caio Kondo</a> </li> </ul> </td> </tr> <tr> <td>Latest Update</td> <td>June 2021</td> </tr> <tr> <td>Version</td> <td>2.00</td> </tr> <tr> <td>Available Formats</td> <td>OTF, TTF, WOFF, WOFF2</td> </tr> </table> </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">Supported languages</h3> <div class="c-accordion_plus"></div> </div> <div class="c-accordion_main -no-pad-top" data-accordion="main"> <div class="u-gray o-layout -gutter-small"> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Kana</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Hiragana</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Katakana</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Educational Kanji</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Afrikaans</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Basque</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Breton</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Catalan</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Croatian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Czech</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Danish</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Dutch</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">English</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Estonian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Finnish</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">French</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Gaelic</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">German</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Hungarian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Icelandic</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Indonesian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Irish</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Italian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Latvian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Lituanian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Norwegian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Polish</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Portuguese</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Romanian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Saami</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Serbian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Slovak</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Slovenian</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Spanish</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Swahili</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Swedish</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">Turkish</div> <div class="o-layout_item u-1/4@from-small u-1/2@to-small">(and more)</div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-scroll-section> <div class="c-section -margin-bottom-medium"> <div class="o-container" id="styles" data-module-select-font> <div class="o-layout"> <div class="o-layout_item u-1/3@from-small"> <div class="c-section_header u-none@to-small"> <div class="c-section_header_heading"> <span>Styles</span> </div> </div> </div> <div class="o-layout_item u-2/3@from-small"> <div class="c-section_header"></div> </div> </div> <div class="o-layout -gutter-tiny -bottom u-font" data-select-font="target" data-module-font-weight data-font-weight-variable > <div class="o-layout_item u-1/3@from-small u-none@to-small"> <div class="c-letters -font-weight" data-font-weight="letters">Aa</div> </div> <div class="o-layout_item u-2/3@from-small"> <ul class="o-layout -gutter-tiny" id="font-weights"> <li class="o-layout_item u-1/2@from-medium" data-debug="8"> <div class="c-weight" data-font-weight="weight" data-font-weight-number="100" data-font-weight-style="normal" data-font-weight-variable-properties=" 'wght' 100 " data-index="0" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 100 ; --font-weight: 100; --font-style: normal;" >Thin</span> <span class="c-weight_number">100</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="200" data-font-weight-style="normal" data-font-weight-variable-properties=" 'wght' 200 " data-index="1" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 200 ; --font-weight: 200; --font-style: normal;" >Extralight</span> <span class="c-weight_number">200</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="300" data-font-weight-style="normal" data-font-weight-variable-properties=" 'wght' 300 " data-index="2" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 300 ; --font-weight: 300; --font-style: normal;" >Light</span> <span class="c-weight_number">300</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="400" data-font-weight-style="normal" data-font-weight-variable-properties=" 'wght' 400 " data-index="3" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 400 ; --font-weight: 400; --font-style: normal;" >Regular</span> <span class="c-weight_number">400</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="500" data-font-weight-style="normal" data-font-weight-variable-properties=" 'wght' 500 " data-index="4" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 500 ; --font-weight: 500; --font-style: normal;" >Medium</span> <span class="c-weight_number">500</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="600" data-font-weight-style="normal" data-font-weight-variable-properties=" 'wght' 600 " data-index="5" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 600 ; --font-weight: 600; --font-style: normal;" >Bold</span> <span class="c-weight_number">600</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="700" data-font-weight-style="normal" data-font-weight-variable-properties=" 'wght' 700 " data-index="6" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 700 ; --font-weight: 700; --font-style: normal;" >Black</span> <span class="c-weight_number">700</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="800" data-font-weight-style="normal" data-font-weight-variable-properties=" 'wght' 800 " data-index="7" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 800 ; --font-weight: 800; --font-style: normal;" >Heavy</span> <span class="c-weight_number">800</span> </div> </li> <li class="o-layout_item u-1/2@from-medium"> <div class="c-weight" data-font-weight="weight" data-font-weight-number="100" data-font-weight-style="italic" data-font-weight-variable-properties=" 'wght' 100 " data-index="8" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 100 ; --font-weight: 100; --font-style: italic;" >Thin Italic</span> <span class="c-weight_number">100</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="200" data-font-weight-style="italic" data-font-weight-variable-properties=" 'wght' 200 " data-index="9" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 200 ; --font-weight: 200; --font-style: italic;" >Extralight Italic</span> <span class="c-weight_number">200</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="300" data-font-weight-style="italic" data-font-weight-variable-properties=" 'wght' 300 " data-index="10" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 300 ; --font-weight: 300; --font-style: italic;" >Light Italic</span> <span class="c-weight_number">300</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="400" data-font-weight-style="italic" data-font-weight-variable-properties=" 'wght' 400 " data-index="11" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 400 ; --font-weight: 400; --font-style: italic;" >Regular Italic</span> <span class="c-weight_number">400</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="500" data-font-weight-style="italic" data-font-weight-variable-properties=" 'wght' 500 " data-index="12" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 500 ; --font-weight: 500; --font-style: italic;" >Medium Italic</span> <span class="c-weight_number">500</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="600" data-font-weight-style="italic" data-font-weight-variable-properties=" 'wght' 600 " data-index="13" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 600 ; --font-weight: 600; --font-style: italic;" >Bold Italic</span> <span class="c-weight_number">600</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="700" data-font-weight-style="italic" data-font-weight-variable-properties=" 'wght' 700 " data-index="14" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 700 ; --font-weight: 700; --font-style: italic;" >Black Italic</span> <span class="c-weight_number">700</span> </div> <div class="c-weight" data-font-weight="weight" data-font-weight-number="800" data-font-weight-style="italic" data-font-weight-variable-properties=" 'wght' 800 " data-index="15" > <span class="c-weight_label" style="--font-variation-settings: 'wght' 800 ; --font-weight: 800; --font-style: italic;" >Heavy Italic</span> <span class="c-weight_number">800</span> </div> </li> </ul> </div> </div> </div> </div> </section> <div class="c-section -light -sticky -paddingLarge" data-scroll-section> <div class="o-container -small" id="sampler" data-scroll data-scroll-call="section" data-scroll-offset="50%" data-scroll-sectionid="4" data-scroll-repeat > <div class="c-playground" data-module-playground data-playground-variable > <div class="o-layout -gutter-tiny -bottom"> <div class="o-layout_item u-1/4@from-small"> <div class="c-form_item"> <div class="c-form_select"> <select class="c-form_select_input" data-playground="weight"> <option value="100,normal" > Eiko Thin </option> <option value="200,normal" selected > Eiko Extralight </option> <option value="300,normal" > Eiko Light </option> <option value="400,normal" > Eiko Regular </option> <option value="500,normal" > Eiko Medium </option> <option value="600,normal" > Eiko Bold </option> <option value="700,normal" > Eiko Black </option> <option value="800,normal" > Eiko Heavy </option> <option value="100,italic" > Eiko Thin Italic </option> <option value="200,italic" > Eiko Extralight Italic </option> <option value="300,italic" > Eiko Light Italic </option> <option value="400,italic" > Eiko Regular Italic </option> <option value="500,italic" > Eiko Medium Italic </option> <option value="600,italic" > Eiko Bold Italic </option> <option value="700,italic" > Eiko Black Italic </option> <option value="800,italic" > Eiko Heavy Italic </option> </select> </div> </div> </div> <div class="o-layout_item u-1/6@from-small u-none@to-small"> <div class="c-form_item"> <label> <div class="c-playground_label c-form_label"> <span>Size</span> <span class="c-playground_size" data-playground="sizeLabel"></span> </div> <input class="c-form_range -small" id="sizeSmall" type="range" min="9" max="81" value="45" data-playground="sizeInput" > <input class="c-form_range -medium" id="sizeMedium" type="range" min="10" max="140" value="75" data-playground="sizeInput" > <input class="c-form_range -large" id="sizeLarge" type="range" min="11" max="189" value="100" data-playground="sizeInput" > <input class="c-form_range -huge" id="sizeHuge" type="range" min="12" max="268" value="140" data-playground="sizeInput" > </label> </div> </div> <div class="o-layout_item u-1/6@from-small u-none@to-small"> <div class="c-form_item"> <label class="c-playground_label c-form_label" for="spacing"> <span>Letter Spacing</span> <span data-playground="spacingLabel">0px</span> </label> <input class="c-form_range" id="spacing" type="range" min="-8" max="8" value="0" data-playground="spacingInput" > </div> </div> <div class="o-layout_item u-1/6@from-small u-none@to-small"> <div class="c-form_item"> <label> <div class="c-playground_label c-form_label"> <span>Line Height</span> <span class="c-playground_size" data-playground="heightLabel"></span> </div> <input class="c-form_range -small" id="heightSmall" type="range" min="9" max="81" value="45" data-playground="heightInput" > <input class="c-form_range -medium" id="heightMedium" type="range" min="10" max="140" value="75" data-playground="heightInput" > <input class="c-form_range -large" id="heightLarge" type="range" min="11" max="189" value="100" data-playground="heightInput" > <input class="c-form_range -huge" id="heightHuge" type="range" min="12" max="284" value="148" data-playground="heightInput" > </label> </div> </div> <div class="o-layout_item u-1/6@from-small u-none@to-small"> <div class="c-form_item -border"> <label> <div class="c-playground_label c-form_label"> <span> <button class="c-playground_align is-active" data-playground="alignInput" data-playground-align="left" > <svg role="img"> <use xlink:href="#align-left"></use> </svg> </button> <button class="c-playground_align" data-playground="alignInput" data-playground-align="center"> <svg role="img"> <use xlink:href="#align-center"></use> </svg> </button> <button class="c-playground_align" data-playground="alignInput" data-playground-align="right"> <svg role="img"> <use xlink:href="#align-right"></use> </svg> </button> </span> <button class="c-playground_refresh" data-playground="refresh"> <svg role="img"> <use xlink:href="#refresh"></use> </svg> </button> </div> </label> </div> </div> </div> <div class="c-playground_main"> <textarea class="c-playground_textarea u-font" id="maintext" data-playground="text">Just keep examining every low bid quoted for zinc etchings.</textarea> <label class="c-playground_try" for="maintext" id="playground"> <div class="c-playground_try_item" data-scroll data-scroll-speed="1" data-scroll-target="#playground"> <span class="c-button -medium -bubble -black">Try me</span> </div> <div class="c-playground_try_item" data-scroll data-scroll-speed="2" data-scroll-target="#playground"> <span class="c-button -medium -bubble -white">Try me</span> </div> <div class="c-playground_try_item" data-scroll data-scroll-speed="1" data-scroll-target="#playground"> <span class="c-button -medium -bubble -white">Try me</span> </div> <div class="c-playground_try_item" data-scroll data-scroll-speed="2" data-scroll-target="#playground"> <span class="c-button -medium -bubble -black">Try me</span> </div> <div class="c-playground_try_item" data-scroll data-scroll-speed="1" data-scroll-target="#playground"> <span class="c-button -medium -bubble -white">Try me</span> </div> <div class="c-playground_try_item" data-scroll data-scroll-speed="2" data-scroll-target="#playground"> <span class="c-button -medium -bubble -black">Try me</span> </div> </label> </div> </div> </div> </div> <section class="c-section -margin-bottom" data-scroll-section> <div class="o-container"> <div class="c-heading -h5"> Gotta ♥ <span class="u-underline || c-quicklook" data-module-quicklook data-quicklook-assets='["https://media.giphy.com/media/UO5elnTqo4vSg/giphy.gif", "https://media.giphy.com/media/5GoVLqeAOo6PK/giphy.gif", "https://media.giphy.com/media/eKraNY98WTfUi6Fd1t/giphy.gif", "https://media.giphy.com/media/13A5D3NN7UjEeQ/giphy.gif", "https://media.giphy.com/media/l1J9EZCKG5QRCg80w/giphy.gif", "https://media.giphy.com/media/dlsH4m4DJ7KaA/giphy.gif"]' > <span class="c-quicklook_label">Variable Fonts.</span> <span class="c-quicklook_visual" data-quicklook="visual"> <span class="c-quicklook_visual_inner" data-quicklook="visualInner"></span> </span> </span> </div> <div class="c-section_header"></div> <div class="o-container"> <div class="o-layout"> <div class="o-layout_item u-1/2@from-medium"> <div class="c-variable u-font" data-scroll data-scroll-repeat> Eiko<br> is variable in<br> Weight ウエート ! </div> </div> <div class="o-layout_item u-1/2@from-medium"> <div class="c-variable u-font" data-scroll data-scroll-repeat> Eiko<br> is variable in<br> Weight ウエート ! </div> </div> </div> </div> </div> </section> <section data-scroll-section> <div class="c-section -margin-bottom-small"> <div class="o-container" id="visuals"> <div class="o-layout -gutter-tiny -gutter-bottom@to-small -bottom" id="section-images"> <div class="o-layout_item u-2/3@from-small" data-scroll data-scroll-speed="0.5" data-scroll-target="#section-images" > <div class="o-image -parallax" id="image1"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-1.jpg?v=1698247453&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image1" > </div> </div> <div class="o-layout_item u-1/3@from-small" data-scroll data-scroll-speed="1.5" data-scroll-target="#section-images" > <div class="o-image -parallax" id="image2"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-2.jpg?v=1698247452&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image2" > </div> </div> </div> </div> </div> </section> <section data-scroll-section> <div class="c-section -margin-bottom-medium" data-module-paragraph-size> <div class="o-container"> <div class="o-layout -gutter-tiny -gutter-bottom@to-small -bottom"> <div class="o-layout_item u-1/3@from-small"> <div class="c-section_header -noborder"> <div class="c-section_header_heading"> <span>Medium <span data-paragraph-size="label"></span ></span> </div> </div> </div> <div class="o-layout_item u-2/3@from-small"> <div class="o-columns u-font c-product-text__small" data-paragraph-size="target"> <p>C'est dans les années 1980 qu'Eiko Ishioka s'oriente vers le cinéma en tant que costumière après une carrière artistique qui l'a vue déformer, de manière iconoclaste, l'art traditionnel japonais dans plusieurs campagnes d'affichage. <i>Elle a illustré, dans des œuvres provocatrices, un monde en plein bouleversement et en crise de valeurs.</i> En 1985, elle est récompensée par le Prix de la Contribution Artistique au Festival de Cannes pour son travail sur Mishima de Paul Schrader. Elle a été nommée aux Tony Awards pour la pièce de David Henry Hwang, jouée à Broadway et adaptée au cinéma par David Cronenberg : M. Butterfly. Elle a par ailleurs obtenu un Grammy Award pour les graphismes de l'album de Miles Davis : Tutu. Ishioka a également collaboré avec le compositeur Philip Glass, le créateur de mode Issey Miyake et l'architecte Arata Isozaki. La création des costumes du Bram Stoker's Dracula de Francis Ford Coppola où le souci du réalisme historique se confronte à son imagination foisonnante et baroque lui vaut un Oscar en 1993. En 2002, elle réalise le clip de la chanson de Björk, tirée de l'album Vespertine, Cocoon, peu diffusé en raison de ses images à la fois subversives et ludiques, montrant deux longs fils rouges, sortis des seins de la chanteuse, enrouler le corps nu et blanc de cette dernière pour former un cocon. En 2007, Ishioka a exprimé son originalité esthétique dans les costumes de scène qu'elle dessine pour L'Anneau du Nibelung de Richard Wagner monté à l'Opéra national des Pays-Bas. Ishioka est diplômée de l'Université Nationale des Beaux-Arts et de Musique de Tokyo. Son œuvre graphique, fruit d'un imaginaire fécond et audacieux, mêle l'onirique au cauchemardesque. Elle juxtapose de surcroît un art naïf à une grande sophistication visuelle dans le choix des couleurs, des traits et des reliefs. それはまた、いろ、せん、れりーふのせんたくにおいてひじょうにせんれんされたしかくてきなそぼくはのげいじゅつをへいちします。</p> </div> </div> </div> </div> </div> <div class="c-section -margin-bottom-medium" data-module-paragraph-size> <div class="o-container"> <div class="o-layout -gutter-tiny -gutter-bottom@to-small -bottom"> <div class="o-layout_item u-1/3@from-small"> <div class="c-section_header -noborder"> <div class="c-section_header_heading"> <span>Thin <span data-paragraph-size="label"></span ></span> </div> </div> </div> <div class="o-layout_item u-2/3@from-small"> <div class="u-font c-product-text__big" data-paragraph-size="target"> <p style="line-height:1;">Eiko Ishioka<br/>est une artiste, graphiste, vidéaste, <i>réalisatrice de clips et costumières japonaise</i>, née le 12 juillet 1938 à Tokyo.</p> </div> </div> </div> </div> </div> </section> <section data-scroll-section> <div class="c-section -margin-bottom-small"> <div class="o-container" id="visuals-2"> <div class="o-layout -gutter-tiny -gutter-bottom@to-small -bottom" id="section-images-2"> <div class="o-layout_item u-1/2@from-small" data-scroll data-scroll-speed="0.5" data-scroll-target="#section-images-2" > <div class="o-image -parallax" id="image3"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-3.jpg?v=1698247454&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image3" > </div> </div> <div class="o-layout_item u-1/2@from-small" data-scroll data-scroll-speed="1.5" data-scroll-target="#section-images-2" > <div class="o-image -parallax" id="image4"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-4.jpg?v=1698247455&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image4" > </div> </div> </div> </div> </div> </section> <div class="c-section -margin-top-small" id="characters" data-scroll-section data-module-font-book data-font-book-file="//pangrampangram.com/cdn/shop/files/PPEiko-Variable.ttf?v=17439404406253155441"> <div class="o-container"> <div class="c-section_header"> <div class="c-section_header_heading"> <span>Characters</span> </div> </div> <div class="c-fontBook" id="js-fontBook" data-module-select-weight data-select-weight-variable data-scroll data-scroll-call="section" data-scroll-repeat> <div class="c-fontBook_column"> <div class="c-fontBook_menu-scroll" id="js-fontBook-menu"></div> <div class="c-fontBook_menu c-form_select -large" data-scroll data-scroll-sticky data-scroll-offset="0,0" data-scroll-target="#js-fontBook-menu"> <select class="c-form_select_input" data-select-weight="input"> <option value="100|normal" >Eiko Thin</option> <option value="200|normal" selected>Eiko Extralight</option> <option value="300|normal" >Eiko Light</option> <option value="400|normal" >Eiko Regular</option> <option value="500|normal" >Eiko Medium</option> <option value="600|normal" >Eiko Bold</option> <option value="700|normal" >Eiko Black</option> <option value="800|normal" >Eiko Heavy</option> <option value="100|italic" >Eiko Thin Italic</option> <option value="200|italic" >Eiko Extralight Italic</option> <option value="300|italic" >Eiko Light Italic</option> <option value="400|italic" >Eiko Regular Italic</option> <option value="500|italic" >Eiko Medium Italic</option> <option value="600|italic" >Eiko Bold Italic</option> <option value="700|italic" >Eiko Black Italic</option> <option value="800|italic" >Eiko Heavy Italic</option> </select> </div> <div class="c-fontBook_characters u-font" data-select-weight="target" data-font-book="list"> <span class="c-fontBook_category">Basic Latin</span> <span class="c-fontBook_char"> <span data-font-book="char">A</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">B</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">C</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">D</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">E</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">F</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">G</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">H</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">I</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">J</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">K</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">L</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">M</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">N</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">O</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">P</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">Q</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">R</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">S</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">T</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">U</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">V</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">W</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">X</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">Y</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">Z</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">a</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">b</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">c</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">d</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">e</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">f</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">g</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">h</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">i</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">j</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">k</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">l</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">m</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">n</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">o</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">p</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">q</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">r</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">s</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">t</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">u</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">v</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">w</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">x</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">y</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">z</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">!</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">#</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">(</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">)</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">*</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">-</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">.</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">/</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">0</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">1</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">2</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">3</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">4</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">5</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">6</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">7</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">8</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">9</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">:</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">;</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">?</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">[</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">]</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">_</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">{</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">}</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">$</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">%</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">+</span> </span> <span class="c-fontBook_char"> <span data-font-book="char"><</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">=</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">></span> </span> <span class="c-fontBook_char"> <span data-font-book="char">^</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">~</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">@</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">&</span> </span> <span class="c-fontBook_char"> <span data-font-book="char">|</span> </span> </div> </div> <div class="c-fontBook_column"> <div class="c-fontBook_circleWrap" data-scroll data-scroll-sticky data-scroll-target="#js-fontBook"> <div class="c-fontBook_circle" data-scroll data-scroll-target="#js-fontBook" data-module-puck> <div class="c-fontBook_circle_char u-font" data-font-book="circle" data-select-weight="target">A</div> </div> </div> </div> </div> </div> </div> <section data-scroll-section> <div class="c-section -margin-bottom-small"> <div class="o-container" id="visuals-3"> <div class="o-layout -gutter-tiny -gutter-bottom@to-small -bottom" id="section-images-3"> <div class="o-layout_item u-1/2@from-small" data-scroll data-scroll-speed="0.5" data-scroll-target="#section-images-3" > <div class="o-image -parallax" id="image5"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-5.jpg?v=1698247453&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image5" > </div> </div> <div class="o-layout_item u-1/2@from-small" data-scroll data-scroll-speed="1.5" data-scroll-target="#section-images-3" > <div class="o-image -parallax" id="image6"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-6.jpg?v=1698247454&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image6" > </div> </div> </div> </div> </div> </section> <section data-scroll-section> <div class="c-section -margin-bottom-large"> <div class="o-container || o-layout -center" id="visuals-4"> <div class="o-layout_item u-2/3@from-small" id="section-images-4"> <figure class="u-text-center"> <div class="o-image -parallax" id="image7"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-7.jpg?v=1698247452&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image7" > </div> </figure> </div> </div> </div> </section> <section data-scroll-section> <div class="c-section -margin-bottom-small"> <div class="o-container" id="visuals-5"> <div class="o-layout -gutter-tiny -gutter-bottom@to-small -bottom" id="section-images-5"> <div class="o-layout_item u-1/2@from-small" data-scroll data-scroll-speed="1.5" data-scroll-target="#section-images-5" > <div class="o-image -parallax" id="image8"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-8.jpg?v=1698247452&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image8" > </div> </div> <div class="o-layout_item u-1/2@from-small" data-scroll data-scroll-speed="1.5" data-scroll-target="#section-images-5" > <div class="o-image -parallax" id="image9"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 32'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/files/Eiko-9.jpg?v=1698247452&width=1000" data-scroll data-scroll-speed="-1" data-scroll-target="#image9" > </div> </div> </div> </div> </div> </section> <section class="c-section -bg -padding-bottom -indexup" data-scroll-section> <div class="o-container"> <div class="c-section -margin-top-large -center"> <div class="c-cta"> <div class="c-cta_heading || c-heading -large -uppercase -nomargin u-font"> You like <br> Eiko? </div> <div class="c-cta_buttons" data-scroll data-scroll-speed="2"> <div class="c-cta_button"> <button class="c-button -secondary" data-module-content-modal-toggler data-content-modal-toggler-id="try"> Try it Free </button> </div> <div class="c-cta_button"> <button class="c-button -primary" data-product-form="toggler">Buy it</button> </div> </div> </div> </div> <div class="c-product-form" data-module-product-form> <div class="c-box u-anim -delay9"> <div class="c-product-form_head"> <h2 class="c-heading -h4 -nomargin">Commercial Licenses & Usages</h2> <a href="/pages/faq#font-licensing">About Licenses</a> </div> <div id="shopify-section-product-form" class="shopify-section"><form method="post" action="/cart/add" id="product_form_6593088585782" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-product-form="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /> <div class="u-margin-bottom-small"> <label for="ProductSelect-product-form">Choose a license type</label> <div class="selector-wrapper"> <select class="c-product-form_variant-select" name="id" id="ProductSelect-product-form" required>  <option selected="selected" value="39491086745654">Full Family (16 Styles + Variable)</option> <option value="39753540206646">Upright Family (8 Styles + Variable)</option> <option value="39753540239414">Italic Family (8 Styles + Variable)</option> <option value="39753539878966">Essentials (Regular, Italic, Bold, Bold Italic)</option> <option value="39491086909494">Thin</option> <option value="39753538830390">Thin Italic</option> <option value="39491086778422">Extralight</option> <option value="39753538863158">Extralight Italic</option> <option value="39491086811190">Light</option> <option value="39753539223606">Light Italic</option> <option value="39491086843958">Regular</option> <option value="39753538928694">Regular Italic</option> <option value="39491086876726">Medium</option> <option value="39753538961462">Medium Italic</option> <option value="39494984663094">Bold</option> <option value="39753539026998">Bold Italic</option> <option value="39491087007798">Black</option> <option value="39753539059766">Black Italic</option> <option value="39491086975030">Heavy</option> <option value="39753538994230">Heavy Italic</option> <option value="40244641300534">Medium (D#QKVTAV1)</option> <option value="50751485149487">Thin (D#QEIAM2Q)</option> <option value="50751505891631">Thin (D#FGQW69C)</option> <option value="50751736381743">Black (D#8H4BO72)</option> </select> </div> </div> <div class="c-product-form_footer"> <p class="product__price || c-product-form_price || o-text -medium"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="price" content="0.0"> <span>Subtotal: </span> <span class="product__price--reg js-price"> </span> </p> <div class="c-product-form_submit"> <input class="c-button -secondary" type="submit" value="Add to cart" /> </div> </div> <input type="hidden" name="product-id" value="6593088585782" /><input type="hidden" name="section-id" value="product-form" /></form></div> </div> </div> <div class="c-section -margin-bottom-medium -margin-top-large"> <div class="" id="pairing" data-module-select-font> <div class="o-layout"> <div class="o-layout_item u-1/3@from-small"> <div class="c-section_header u-none@to-small"> <div class="c-section_header_heading"> <span>Eiko pairs well with the fonts below ⬎</span> </div> </div> </div> <div class="o-layout_item u-2/3@from-small"> <div class="c-section_header"></div> </div> </div> <div class="o-layout -gutter-tiny"> <div class="o-layout_item u-1/2@from-small u-1/3@from-medium u-1/4@from-big"> <article class="c-card " data-module-card data-card-mask-images="["//pangrampangram.com/cdn/shop/files/NeueMontreal-eye-1.jpg?v=1698247568&width=800","//pangrampangram.com/cdn/shop/files/NeueMontreal-eye-2.jpg?v=1698247567&width=800","//pangrampangram.com/cdn/shop/files/NeueMontreal-eye-3.jpg?v=1698247567&width=800","//pangrampangram.com/cdn/shop/files/NeueMontreal-eye-4.jpg?v=1698247568&width=800","//pangrampangram.com/cdn/shop/files/NeueMontreal-eye-5.jpg?v=1698247568&width=800","//pangrampangram.com/cdn/shop/files/NeueMontreal-eye-6.jpg?v=1698247568&width=800"]" > <a class="c-card_link" href="/products/neue-montreal"> <span class="c-font-preview" data-scroll data-scroll-repeat data-scroll-call="inview, FontPreview" data-module-font-preview data-font-preview-autoload="true" data-font-preview-name="neue-montreal-book" data-font-preview-src="//pangrampangram.com/cdn/shop/files/PPNeueMontreal-Book.woff2?v=4446385652601161378" data-home-carousel-font-format="truetype" > <span class="c-card_letters " style="margin-top:-2px;">Aa</span> <span class="c-card_text" style="">Jim quickly realized that the beautiful gowns are expensive.</span> </span> <span class="c-card_bottom"> <span> Neue Montreal<br> 14 styles + Variable cut<br/>Including Italics & Cyrillic Support </span> <span class="c-card_arrow">→</span> </span> <span class="c-card_mask" data-card="mask-toggler"> <svg role="img"> <use xlink:href="#eye"></use> </svg> </span> </a> </article> </div> <div class="o-layout_item u-1/2@from-small u-1/3@from-medium u-1/4@from-big"> <article class="c-card " data-module-card data-card-mask-images="["//pangrampangram.com/cdn/shop/files/Agrandir-eye-1.jpg?v=1698247452&width=800","//pangrampangram.com/cdn/shop/files/Agrandir-eye-2.jpg?v=1698247452&width=800","//pangrampangram.com/cdn/shop/files/Agrandir-eye-3.jpg?v=1698247451&width=800","//pangrampangram.com/cdn/shop/files/Agrandir-eye-4.jpg?v=1698247455&width=800","//pangrampangram.com/cdn/shop/files/Agrandir-eye-5.jpg?v=1698247453&width=800"]" > <a class="c-card_link" href="/products/agrandir"> <span class="c-font-preview" data-scroll data-scroll-repeat data-scroll-call="inview, FontPreview" data-module-font-preview data-font-preview-autoload="true" data-font-preview-name="agrandir-grand-regular" data-font-preview-src="//pangrampangram.com/cdn/shop/files/PPAgrandir-GrandRegular.woff?v=3328631090847144333" data-home-carousel-font-format="truetype" > <span class="c-card_letters " style="font-size: 9rem; margin-top:4px;">Aa</span> <span class="c-card_text" style="font-size: 1.8rem;">Foxy diva Jennifer Lopez wasn’t baking my quiche.</span> </span> <span class="c-card_bottom"> <span> Agrandir Collection<br> 74 styles + Variable cut<br />Including Italics </span> <span class="c-card_arrow">→</span> </span> <div class="c-card_ribbon"> <div class="c-card_ribbon_wrap ">Update v4.0</div> </div> <span class="c-card_mask" data-card="mask-toggler"> <svg role="img"> <use xlink:href="#eye"></use> </svg> </span> </a> </article> </div> <div class="o-layout_item u-1/2@from-small u-1/3@from-medium u-1/4@from-big"> <article class="c-card " data-module-card data-card-mask-images="["//pangrampangram.com/cdn/shop/files/Formula-eye-1.jpg?v=1698247524&width=800","//pangrampangram.com/cdn/shop/files/Formula-eye-2.jpg?v=1698247524&width=800","//pangrampangram.com/cdn/shop/files/Formula-eye-3.jpg?v=1698247523&width=800","//pangrampangram.com/cdn/shop/files/Formula-eye-4.jpg?v=1698247523&width=800","//pangrampangram.com/cdn/shop/files/Formula-eye-5.jpg?v=1698247523&width=800","//pangrampangram.com/cdn/shop/files/Formula-eye-6.jpg?v=1698247523&width=800","//pangrampangram.com/cdn/shop/files/Formula-eye-7.jpg?v=1698247524&width=800","//pangrampangram.com/cdn/shop/files/Formula-eye-8.jpg?v=1698247524&width=800"]" > <a class="c-card_link" href="/products/formula"> <span class="c-font-preview" data-scroll data-scroll-repeat data-scroll-call="inview, FontPreview" data-module-font-preview data-font-preview-autoload="true" data-font-preview-name="formula-regular" data-font-preview-src="//pangrampangram.com/cdn/shop/files/PPFormula-NarrowRegular.woff?v=14783238667479625043" data-home-carousel-font-format="truetype" > <span class="c-card_letters " style="margin-top:-3px;"><span style="font-feature-settings: 'ss01';">A</span>a</span> <span class="c-card_text" style="">Jaded zombies acted quietly but kept driving their oxen forward.</span> </span> <span class="c-card_bottom"> <span> Formula Collection<br> 108 styles + Variable cut<br>Including Italics & Wide Alternates </span> <span class="c-card_arrow">→</span> </span> <span class="c-card_mask" data-card="mask-toggler"> <svg role="img"> <use xlink:href="#eye"></use> </svg> </span> </a> </article> </div> <div class="o-layout_item u-1/2@from-small u-1/3@from-medium u-1/4@from-big"> <article class="c-card " data-module-card data-card-mask-images="["//pangrampangram.com/cdn/shop/files/Monument-eye-1.jpg?v=1698247551&width=800","//pangrampangram.com/cdn/shop/files/Monument-eye-2.jpg?v=1698247550&width=800","//pangrampangram.com/cdn/shop/files/Monument-eye-3.jpg?v=1698247552&width=800","//pangrampangram.com/cdn/shop/files/Monument-eye-4.jpg?v=1698247551&width=800","//pangrampangram.com/cdn/shop/files/Monument-eye-5.jpg?v=1698247550&width=800","//pangrampangram.com/cdn/shop/files/Monument-eye-6.jpg?v=1698247551&width=800","//pangrampangram.com/cdn/shop/files/Monument-eye-7.jpg?v=1698247551&width=800"]" > <a class="c-card_link" href="/products/monument-extended"> <span class="c-font-preview" data-scroll data-scroll-repeat data-scroll-call="inview, FontPreview" data-module-font-preview data-font-preview-autoload="true" data-font-preview-name="monument-extended-regular" data-font-preview-src="//pangrampangram.com/cdn/shop/files/PPMonumentExtended-Regular.woff?v=8169390142289183023" data-home-carousel-font-format="truetype" > <span class="c-card_letters " style="font-size: 8rem; margin: 0.1em 0 0 -0.05em;">Aa</span> <span class="c-card_text" style="font-size: 2rem;">Jim quickly realized that the beautiful gowns are expensive.</span> </span> <span class="c-card_bottom"> <span> Monument Extended<br> 18 styles + Variable cuts </span> <span class="c-card_arrow">→</span> </span> <span class="c-card_mask" data-card="mask-toggler"> <svg role="img"> <use xlink:href="#eye"></use> </svg> </span> </a> </article> </div> </div> </div> </div> <div class="c-section -margin-top-large"> <div class="o-layout -gutter-tiny"> <div class="o-layout_item u-1/3@from-small"></div> <div class="o-layout_item u-1/3@from-small"> <a class="c-link-underline c-heading -h5 -nomargin" href="/collections/fonts"> <span>Check out all fonts</span> <span>→</span> </a> </div> </div> </div> </div> </section> <section data-scroll-section> <div class="o-container" id="in-use"> <div class="c-section -margin-bottom-small"> <div class="c-section_header"> <div class="c-section_header_heading"> <span>Font in use</span> </div> </div> <div class="o-layout -gutter-tiny"> <div class="o-layout_item u-1/3@from-small"></div> <div class="o-layout_item u-2/3@from-small"> <p class="c-heading -h4 -indent" style="text-transform: uppercase;"> Here are some beautiful projects using our fonts ● You can go check out our Font in Use Section and don't forget to send us your projects using our fonts to get featured. </p> </div> </div> </div> <div class="c-section -margin-bottom-small"> <div class="o-layout -gutter-tiny -bottom"> <div class="o-layout_item u-2/3@from-small"> <a class="c-use-link" href="/blogs/font-in-use/mecop"> <div class="c-use-link_image o-image -parallax" id="artice-image-609868644655"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 1350'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/articles/COVER_6ae319dd-53fb-4409-8237-5bfe6810d6fc_1920x.webp?v=1732310656" data-scroll data-scroll-speed="-1" data-scroll-target="#artice-image-609868644655"> </div> <div class="c-use-link_name"> <div class="c-use-link_title c-heading -h5 -nomargin">Mecop</div> <p class="c-use-link_subtitle"> Branding </p> </div> </a> </div> <div class="o-layout_item u-1/3@from-small"> <a class="c-use-link" href="/blogs/font-in-use/emaillerie-belge"> <div class="c-use-link_image o-image -parallax" id="artice-image-609815003439"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 1351'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/articles/COVER_aa8e5985-c525-4700-b394-25b7ea5eb97f_960x.webp?v=1732051264" data-scroll data-scroll-speed="-1" data-scroll-target="#artice-image-609815003439"> </div> <div class="c-use-link_name"> <div class="c-use-link_title c-heading -h5 -nomargin">Emaillerie Belge</div> <p class="c-use-link_subtitle"> Branding </p> </div> </a> </div> <div class="o-layout_item u-1/3@from-small"> <a class="c-use-link" href="/blogs/font-in-use/rimbombo"> <div class="c-use-link_image o-image -parallax" id="artice-image-609713848623"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 933'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/articles/COVER_d8cf9bea-d5f3-48ba-936e-cc2214bff5b2_960x.jpg?v=1731007511" data-scroll data-scroll-speed="-1" data-scroll-target="#artice-image-609713848623"> </div> <div class="c-use-link_name"> <div class="c-use-link_title c-heading -h5 -nomargin">Rimbombo</div> <p class="c-use-link_subtitle"> Branding, Event </p> </div> </a> </div> <div class="o-layout_item u-1/3@from-small"> <a class="c-use-link" href="/blogs/font-in-use/belanger"> <div class="c-use-link_image o-image -parallax" id="artice-image-609652015407"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1440'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/articles/COVER_5f72244d-8d62-422e-a84b-6dd547ad7999_960x.webp?v=1729689828" data-scroll data-scroll-speed="-1" data-scroll-target="#artice-image-609652015407"> </div> <div class="c-use-link_name"> <div class="c-use-link_title c-heading -h5 -nomargin">Bélanger</div> <p class="c-use-link_subtitle"> Branding </p> </div> </a> </div> <div class="o-layout_item u-1/3@from-small"> <a class="c-use-link" href="/blogs/font-in-use/phung-an"> <div class="c-use-link_image o-image -parallax" id="artice-image-609625866543"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2500 1667'%3E%3C/svg%3E" data-load-src="//pangrampangram.com/cdn/shop/articles/COVER_88d1fc96-9064-474b-a4dc-aad0af8c6ddc_960x.jpg?v=1729285277" data-scroll data-scroll-speed="-1" data-scroll-target="#artice-image-609625866543"> </div> <div class="c-use-link_name"> <div class="c-use-link_title c-heading -h5 -nomargin">Phùng Ân</div> <p class="c-use-link_subtitle"> Branding, Packaging </p> </div> </a> </div> </div> </div> <div class="o-layout -gutter-tiny -gutter-bottom@to-small -bottom"> <div class="o-layout_item u-1/3@from-medium"></div> <div class="o-layout_item u-1/2@small u-1/3@from-medium"> <a class="c-link-underline c-heading -h5 -nomargin" href="/blogs/font-in-use/tagged/eiko"> <span>See more Eiko in use</span> <span>→</span> </a> </div> <div class="o-layout_item u-1/2@small u-1/3@from-medium"> <a class="c-link-underline c-heading -h5 -nomargin" href="/blogs/font-in-use"> <span>See all Fonts in use</span> <span>→</span> </a> </div> </div> </div> </section> <div class="c-page-mask" data-module-page-mask data-page-mask-mask-images="["\/\/pangrampangram.com\/cdn\/shop\/files\/Eiko-eye-1.jpg?v=1698247454","\/\/pangrampangram.com\/cdn\/shop\/files\/Eiko-eye-2.jpg?v=1698247454","\/\/pangrampangram.com\/cdn\/shop\/files\/Eiko-eye-4.jpg?v=1698247455","\/\/pangrampangram.com\/cdn\/shop\/files\/Eiko-eye-5.jpg?v=1698247454","\/\/pangrampangram.com\/cdn\/shop\/files\/Eiko-eye-6.jpg?v=1698247452"]" > <div class="c-page-mask_toggler" data-page-mask="mask-toggler"> <svg role="img"> <use xlink:href="#eye"></use> </svg> </div> </div> <div class="c-content-modal -dark" data-module-content-modal="try"> <div class="c-content-modal_overlay" data-content-modal="close"></div> <div class="c-content-modal_inner" data-content-modal="inner" tabindex="-1"> <div class="c-try-font"> <h2 class="c-heading -h3">Almost there!</h2> <p class="c-try-font_desc">Get key weights of Eiko with a complete glyph set for free for your personal projects, portfolio, pitches, etc... Simply enter a valid email address below, press the button and check your emails for your free-to-try files.<br><br>It usually takes 3 to 5 minutes to get your files depending on the traffic.</p> <div class="c-try-font_iframe"> <div class="sib-form" style="text-align: center; background-color: #ffffff; "> <div id="sib-form-container" class="sib-form-container"> <div id="error-message" class="sib-form-message-panel" style="font-size:19px; text-align:left; font-family:'Neue Montreal', sans-serif; color:#ffffff; background-color:#ff0000; border-radius:400px; max-width:340px; text-transform:uppercase; font-weight:600"> <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon"> <path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" /> </svg> <span class="sib-form-message-panel__inner-text"> Please try again. </span> </div> </div> <div></div> <div id="success-message" class="sib-form-message-panel" style="font-size:19px; text-align:left; font-family:'Neue Montreal', sans-serif; color:#ffffff; background-color:#00D816; border-radius:400px; max-width:340px; text-transform:uppercase; font-weight:600"> <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon"> <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" /> </svg> <span class="sib-form-message-panel__inner-text"> Check your Emails! </span> </div> </div> <div></div> <div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center;"> <form id="sib-form" method="POST" action="https://5034716a.sibforms.com/serve/MUIEAGy0Aiig2y3SJ2rX7lDzKiKivZvtH47RsFrUPgkKOQ18gv4NnvmYyvMzmGYA4_-9moUuxAcrRnVFeRtNeSZclpojkF3eDgDNbqfY6jrKN_ZthMXbxruCWkfxvvVRrnd5dCyZQAY0fZ55Tw96d2l6H7Ij0cE6l5FKAOSUMdQqSvYecMwAoaUfPfsD-fPItcglWNyFNkeqAgvk" data-type="subscription"> <div> <div class="sib-input sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row "> <label for="EMAIL" data-required="*">Enter your email address* </label> <div class="entry__field"> <input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="Enter a Valid Email Address" data-required="true" required /> </div> </div> <label class="entry__error entry__error--primary"> </label> </div> </div> </div> <div class="c-form_item"> <div class="sib-optin sib-form-block"> <div class="form__entry entry_mcq"> <div class="form__label-row "> <label> <input type="checkbox" value="1" id="OPT_IN" name="OPT_IN" /> <span class="o-text -small">Get News & Updates from Pangram Pangram🅐</span> </label> </div> <label class="entry__error entry__error--primary" style="font-size:19px; text-align:left; font-family:'Neue Montreal', sans-serif; color:#ffffff; background-color:#ff0000; border-radius:400px; max-width:340px; text-transform:uppercase; font-weight:600"> </label> </div> </div> </div> <div class="sib-form-block"> <button class="c-button -black || sib-form-block__button sib-form-block__button-with-loader" form="sib-form" type="submit"> <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512"> <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" /> </svg> GET THE FONTS </button> </div> <input type="text" name="email_address_check" value="" class="input--hidden"> <input type="hidden" name="locale" value="en"> </form> </div> </div> </div> </div> </div> <button class="c-content-modal_close" data-content-modal="close"> <svg role="img"> <use xlink:href="#cross"></use> </svg> </button> </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> <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\\\"> ({{{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\\\"> ({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\"> ({{{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\\\"> ({{{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\\\"> ({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\"> ({{{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\\\"> {{{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.product = {"id":6593088585782,"title":"Eiko","handle":"eiko","description":"Eiko is an indisputable statement of elegance and refinement ● Every curves and bezier points were applied with a sense of purpose. It is inspired by the work of Eiko Ishioka, a multitalented Japanese artist, this typeface seeks to convey the same aspect of her work in these typographic explorations ■ It is an original serif font with high contrast, including the syllable alphabet kana, hiragana \u0026amp; katakana, it is ideal to pair with other kanji fonts of the Japanese mincho style. \u003cbr\u003e\u003cbr\u003e▲ Its resources include a large repertoire of Japanese punctuations, stylistic sets with circular and square numbers, vertical written, subscript and superscript numbers, mathematical symbols, meteorological symbols, ligatures, arrows and many alternates. And now: a new basic educational set with 81 kanjis and full italics!","published_at":"2022-03-23T11:10:06-04:00","created_at":"2021-06-04T13:00:09-04:00","vendor":"pangrampangram","type":"Font","tags":["Japanese","Serif","Variable"],"price":0,"price_min":0,"price_max":6000,"available":true,"price_varies":true,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":39491086745654,"title":"Full Family (16 Styles + Variable)","option1":"Full Family (16 Styles + Variable)","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Full Family (16 Styles + Variable)","public_title":"Full Family (16 Styles + Variable)","options":["Full Family (16 Styles + Variable)"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753540206646,"title":"Upright Family (8 Styles + Variable)","option1":"Upright Family (8 Styles + Variable)","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Upright Family (8 Styles + Variable)","public_title":"Upright Family (8 Styles + Variable)","options":["Upright Family (8 Styles + Variable)"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753540239414,"title":"Italic Family (8 Styles + Variable)","option1":"Italic Family (8 Styles + Variable)","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Italic Family (8 Styles + Variable)","public_title":"Italic Family (8 Styles + Variable)","options":["Italic Family (8 Styles + Variable)"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753539878966,"title":"Essentials (Regular, Italic, Bold, Bold Italic)","option1":"Essentials (Regular, Italic, Bold, Bold Italic)","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Essentials (Regular, Italic, Bold, Bold Italic)","public_title":"Essentials (Regular, Italic, Bold, Bold Italic)","options":["Essentials (Regular, Italic, Bold, Bold Italic)"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39491086909494,"title":"Thin","option1":"Thin","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Thin","public_title":"Thin","options":["Thin"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753538830390,"title":"Thin Italic","option1":"Thin Italic","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Thin Italic","public_title":"Thin Italic","options":["Thin Italic"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39491086778422,"title":"Extralight","option1":"Extralight","option2":null,"option3":null,"sku":null,"requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Extralight","public_title":"Extralight","options":["Extralight"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753538863158,"title":"Extralight Italic","option1":"Extralight Italic","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Extralight Italic","public_title":"Extralight Italic","options":["Extralight Italic"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39491086811190,"title":"Light","option1":"Light","option2":null,"option3":null,"sku":null,"requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Light","public_title":"Light","options":["Light"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753539223606,"title":"Light Italic","option1":"Light Italic","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Light Italic","public_title":"Light Italic","options":["Light Italic"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39491086843958,"title":"Regular","option1":"Regular","option2":null,"option3":null,"sku":null,"requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Regular","public_title":"Regular","options":["Regular"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753538928694,"title":"Regular Italic","option1":"Regular Italic","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Regular Italic","public_title":"Regular Italic","options":["Regular Italic"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39491086876726,"title":"Medium","option1":"Medium","option2":null,"option3":null,"sku":null,"requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Medium","public_title":"Medium","options":["Medium"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753538961462,"title":"Medium Italic","option1":"Medium Italic","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Medium Italic","public_title":"Medium Italic","options":["Medium Italic"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39494984663094,"title":"Bold","option1":"Bold","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Bold","public_title":"Bold","options":["Bold"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753539026998,"title":"Bold Italic","option1":"Bold Italic","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Bold Italic","public_title":"Bold Italic","options":["Bold Italic"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39491087007798,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":null,"requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Black","public_title":"Black","options":["Black"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753539059766,"title":"Black Italic","option1":"Black Italic","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Black Italic","public_title":"Black Italic","options":["Black Italic"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39491086975030,"title":"Heavy","option1":"Heavy","option2":null,"option3":null,"sku":null,"requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Heavy","public_title":"Heavy","options":["Heavy"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":39753538994230,"title":"Heavy Italic","option1":"Heavy Italic","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Heavy Italic","public_title":"Heavy Italic","options":["Heavy Italic"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":40244641300534,"title":"Medium (D#QKVTAV1)","option1":"Medium (D#QKVTAV1)","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Medium (D#QKVTAV1)","public_title":"Medium (D#QKVTAV1)","options":["Medium (D#QKVTAV1)"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":50751485149487,"title":"Thin (D#QEIAM2Q)","option1":"Thin (D#QEIAM2Q)","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Thin (D#QEIAM2Q)","public_title":"Thin (D#QEIAM2Q)","options":["Thin (D#QEIAM2Q)"],"price":3000,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":50751505891631,"title":"Thin (D#FGQW69C)","option1":"Thin (D#FGQW69C)","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Thin (D#FGQW69C)","public_title":"Thin (D#FGQW69C)","options":["Thin (D#FGQW69C)"],"price":3000,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":50751736381743,"title":"Black (D#8H4BO72)","option1":"Black (D#8H4BO72)","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"Eiko - Black (D#8H4BO72)","public_title":"Black (D#8H4BO72)","options":["Black (D#8H4BO72)"],"price":6000,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463","\/\/pangrampangram.com\/cdn\/shop\/products\/Eiko-CoverFont_8f09e314-8797-48d6-a693-471d207c9b90.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice1_9f05543a-7480-4848-bf59-649805b2c213.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice2.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice3.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice4.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice5.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice6.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice7.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice8.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice9.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice10.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice11.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice18.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice12.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice13.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice14.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice15.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice16.png?v=1632860470","\/\/pangrampangram.com\/cdn\/shop\/products\/Slice17.jpg?v=1632860470"],"featured_image":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463","options":["Weight"],"media":[{"alt":null,"id":21901195903030,"position":1,"preview_image":{"aspect_ratio":1.0,"height":2160,"width":2160,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463"},"aspect_ratio":1.0,"height":2160,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Aa-Eiko.jpg?v=1632860463","width":2160},{"alt":null,"id":21280025378870,"position":2,"preview_image":{"aspect_ratio":3.097,"height":1240,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Eiko-CoverFont_8f09e314-8797-48d6-a693-471d207c9b90.png?v=1632860470"},"aspect_ratio":3.097,"height":1240,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Eiko-CoverFont_8f09e314-8797-48d6-a693-471d207c9b90.png?v=1632860470","width":3840},{"alt":null,"id":21282550480950,"position":3,"preview_image":{"aspect_ratio":0.955,"height":4020,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice1_9f05543a-7480-4848-bf59-649805b2c213.png?v=1632860470"},"aspect_ratio":0.955,"height":4020,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice1_9f05543a-7480-4848-bf59-649805b2c213.png?v=1632860470","width":3840},{"alt":null,"id":21282472427574,"position":4,"preview_image":{"aspect_ratio":1.079,"height":3559,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice2.png?v=1632860470"},"aspect_ratio":1.079,"height":3559,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice2.png?v=1632860470","width":3840},{"alt":null,"id":21282472460342,"position":5,"preview_image":{"aspect_ratio":0.971,"height":3953,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice3.png?v=1632860470"},"aspect_ratio":0.971,"height":3953,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice3.png?v=1632860470","width":3840},{"alt":null,"id":21282472493110,"position":6,"preview_image":{"aspect_ratio":0.945,"height":4063,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice4.png?v=1632860470"},"aspect_ratio":0.945,"height":4063,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice4.png?v=1632860470","width":3840},{"alt":null,"id":21282472525878,"position":7,"preview_image":{"aspect_ratio":1.031,"height":3723,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice5.png?v=1632860470"},"aspect_ratio":1.031,"height":3723,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice5.png?v=1632860470","width":3840},{"alt":null,"id":21282472558646,"position":8,"preview_image":{"aspect_ratio":1.123,"height":3419,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice6.png?v=1632860470"},"aspect_ratio":1.123,"height":3419,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice6.png?v=1632860470","width":3840},{"alt":null,"id":21282472591414,"position":9,"preview_image":{"aspect_ratio":0.767,"height":5007,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice7.png?v=1632860470"},"aspect_ratio":0.767,"height":5007,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice7.png?v=1632860470","width":3840},{"alt":null,"id":21282472624182,"position":10,"preview_image":{"aspect_ratio":0.85,"height":4518,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice8.png?v=1632860470"},"aspect_ratio":0.85,"height":4518,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice8.png?v=1632860470","width":3840},{"alt":null,"id":21282472656950,"position":11,"preview_image":{"aspect_ratio":1.03,"height":3727,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice9.png?v=1632860470"},"aspect_ratio":1.03,"height":3727,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice9.png?v=1632860470","width":3840},{"alt":null,"id":21282497888310,"position":12,"preview_image":{"aspect_ratio":0.808,"height":4752,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice10.png?v=1632860470"},"aspect_ratio":0.808,"height":4752,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice10.png?v=1632860470","width":3840},{"alt":null,"id":21282497921078,"position":13,"preview_image":{"aspect_ratio":0.848,"height":4528,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice11.png?v=1632860470"},"aspect_ratio":0.848,"height":4528,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice11.png?v=1632860470","width":3840},{"alt":null,"id":21282504638518,"position":14,"preview_image":{"aspect_ratio":3.84,"height":1000,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice18.png?v=1632860470"},"aspect_ratio":3.84,"height":1000,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice18.png?v=1632860470","width":3840},{"alt":null,"id":21282472689718,"position":15,"preview_image":{"aspect_ratio":1.299,"height":2956,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice12.png?v=1632860470"},"aspect_ratio":1.299,"height":2956,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice12.png?v=1632860470","width":3840},{"alt":null,"id":21282472722486,"position":16,"preview_image":{"aspect_ratio":0.796,"height":4823,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice13.png?v=1632860470"},"aspect_ratio":0.796,"height":4823,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice13.png?v=1632860470","width":3840},{"alt":null,"id":21282497953846,"position":17,"preview_image":{"aspect_ratio":0.75,"height":5120,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice14.png?v=1632860470"},"aspect_ratio":0.75,"height":5120,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice14.png?v=1632860470","width":3840},{"alt":null,"id":21282472755254,"position":18,"preview_image":{"aspect_ratio":0.807,"height":4760,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice15.png?v=1632860470"},"aspect_ratio":0.807,"height":4760,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice15.png?v=1632860470","width":3840},{"alt":null,"id":21282472788022,"position":19,"preview_image":{"aspect_ratio":0.863,"height":4452,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice16.png?v=1632860470"},"aspect_ratio":0.863,"height":4452,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice16.png?v=1632860470","width":3840},{"alt":null,"id":21282501787702,"position":20,"preview_image":{"aspect_ratio":1.09,"height":3523,"width":3840,"src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice17.jpg?v=1632860470"},"aspect_ratio":1.09,"height":3523,"media_type":"image","src":"\/\/pangrampangram.com\/cdn\/shop\/products\/Slice17.jpg?v=1632860470","width":3840}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"Eiko is an indisputable statement of elegance and refinement ● Every curves and bezier points were applied with a sense of purpose. It is inspired by the work of Eiko Ishioka, a multitalented Japanese artist, this typeface seeks to convey the same aspect of her work in these typographic explorations ■ It is an original serif font with high contrast, including the syllable alphabet kana, hiragana \u0026amp; katakana, it is ideal to pair with other kanji fonts of the Japanese mincho style. \u003cbr\u003e\u003cbr\u003e▲ Its resources include a large repertoire of Japanese punctuations, stylistic sets with circular and square numbers, vertical written, subscript and superscript numbers, mathematical symbols, meteorological symbols, ligatures, arrows and many alternates. And now: a new basic educational set with 81 kanjis and full italics!"}; _RSConfig.product.collections = [{"id":465707270447,"handle":"all-families-and-sub-families","title":"All (Families and Sub-Families)","updated_at":"2024-11-27T04:20:01-05:00","body_html":"","published_at":"2023-12-12T13:12:49-05:00","sort_order":"alpha-asc","template_suffix":"","disjunctive":false,"rules":[{"column":"type","relation":"equals","condition":"Font"},{"column":"title","relation":"not_contains","condition":"Font Starter Pack"},{"column":"title","relation":"not_contains","condition":"пакет"}],"published_scope":"web"},{"id":177630117942,"handle":"fonts","updated_at":"2024-11-27T02:25:04-05:00","published_at":"2021-02-18T10:47:26-05:00","sort_order":"manual","template_suffix":"","published_scope":"web","title":"All fonts","body_html":"We provide (trend-conscious) free to try fonts for designers → each typeface, every glyph is crafted with great care and attention to details for your everyday designs ▲ by the way, all our fonts are starting at $30."}]; _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>

CINXE.COM

Eiko - An Elegant and Refined Serif - Free to Try Font – Pangram Pangram Foundry