OT Jubilee - Free to try Majestic and Versatile font

<!doctype html> <html class="no-js is-loading" lang="en" data-theme="fire" data-page="product"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <script defer src="//off-type.com/cdn/shop/t/10/assets/bundle.js?v=114153336602618987761716388127"></script> <script defer src="//off-type.com/cdn/shop/t/10/assets/emojis.js?v=98503659034804136491708014705"></script> <script defer src="//off-type.com/cdn/shop/t/10/assets/decompress_binding.js?v=58872285092118457871680034117"></script> <link rel="shortcut icon" href="//off-type.com/cdn/shop/files/favicon_0624ca61-e60a-430b-b8a9-b853c9fd08ac.png?crop=center&height=32&v=1677704557&width=32" type="image/png"> <title>OT Jubilee - Free to try Majestic and Versatile font</title> <meta name="description" content="Ranging from Silver to Diamond across optical sizes, one for each Jubilee of the UK’s longest reigning monarch, Elizabeth II, Jubilee comes befitted with sans and serif capabilities – comfortable as both an elegant display and practical workhorse.">  <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" href="//off-type.com/cdn/shop/t/10/assets/bundle.css?v=10247133037793726891716388127" rel="stylesheet" type="text/css" media="print" onload="this.media='all'; this.onload=null; this.isLoaded=true"> <style data-shopify> @font-face { font-family: 'JubileePlatinum'; src: url('//off-type.com/cdn/shop/t/10/assets/OTJubilee-Platinum.woff2?v=89518170378601181961681932651') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'JubileeSilver'; src: url('//off-type.com/cdn/shop/t/10/assets/OTJubilee-Silver.woff2?v=55490047149888821351681932651') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Miniature'; src: url('//off-type.com/cdn/shop/t/10/assets/OTMiniature-LightItalic.woff2?v=25879241364871424191680034115') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Miniature'; src: url('//off-type.com/cdn/shop/t/10/assets/OTMiniature-ExtralightItalic.woff2?v=88316021663709964531683045564') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Rhapsody'; src: url('//off-type.com/cdn/shop/t/10/assets/OTRhapsody-Regular.woff2?v=117657211310329862491680034116') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Sinopia'; src: url('//off-type.com/cdn/shop/t/10/assets/Sinopia-Regular.otf?v=176993110263018793381678906395') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Sinopia'; src: url('//off-type.com/cdn/shop/t/10/assets/Sinopia-Italic.otf?v=87851322712058467671678906394') format('opentype'); font-weight: normal; font-style: italic; font-display: swap; } </style> <style id="style-critical"> :root { --color-background-secondary: rgb(234, 232, 226); } .c-loader {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: var(--color-background-secondary);z-index: 9000;transition: transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);transform-origin: top;}.is-ready .c-loader {transform: scaleY(0);} </style> <style id="style-ufont"></style> <style type="text/css"> @font-face { font-family: 'miniature'; src: url(//off-type.com/cdn/shop/files/OTMiniatureVF.woff2?v=4686893475961043761); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: 'miniature'; src: url(//off-type.com/cdn/shop/files/OTMiniature-ItalicVF.woff2?v=4875101493693896078); font-weight: 100 900; font-style: italic; font-display: swap; } </style> <script async src="https://sibforms.com/forms/end-form/build/main.js"></script>  <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="/63285330147/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="a3330601ec75cde46e8c4a78bc8b9401"> <meta id="in-context-paypal-metadata" data-shop-id="63285330147" 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://off-type.com/products/jubilee.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=63285330147" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":63285330147,"countryCode":"CA","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/63285330147","merchantName":"Off Type","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","jcb"],"total":{"type":"pending","label":"Off Type","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"a3330601ec75cde46e8c4a78bc8b9401","betas":["rich-media-storefront-analytics"],"domain":"off-type.com","predictiveSearch":true,"shopId":63285330147,"smart_payment_buttons_url":"https:\/\/off-type.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/off-type.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "offtypefoundry.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"offtype-theme\/main","id":136238661859,"schema_name":"OffType","schema_version":"1.0.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "off-type.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:\/\/node1.itoris.com\/dpo\/storefront\/include.js?shop=offtypefoundry.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":63285330147,"offset":-18000,"reqid":"aec7526c-a49c-4083-862d-3119e81e8db0-1732685114","pageurl":"off-type.com\/products\/Jubilee","u":"a3617966dd27","p":"product","rtyp":"product","rid":8074003906787};</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="//off-type.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//off-type.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="//off-type.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> <script src="https://cdn.shopify.com/extensions/dbf4ecb1-a162-4bc8-a95e-12c76c9409b5/webpanda-contact-autoresponder-17/assets/contact.js" type="text/javascript" defer="defer"></script> <link rel="canonical" href="https://off-type.com/products/jubilee"> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0632/8533/0147/files/JubileeCover.jpg?v=1683573281" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0632/8533/0147/files/JubileeCover.jpg?v=1683573281" /> <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: 63285330147,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: 63285330147,storefrontBaseUrl: "https://off-type.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"408715491","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-ET02Y46EWW\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-ET02Y46EWW\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-ET02Y46EWW\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-ET02Y46EWW\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-ET02Y46EWW\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-ET02Y46EWW\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-ET02Y46EWW\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-ET02Y46EWW\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"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":"Off Type","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"offtypefoundry.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/off-type.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Jubilee","vendor":"offtypefoundry","id":"8074003906787","untranslatedTitle":"Jubilee","url":"\/products\/jubilee","type":""},"id":"43812887462115","image":{"src":"\/\/off-type.com\/cdn\/shop\/files\/JubileeCover.jpg?v=1683573281"},"sku":"","title":"Full Family (6 Styles + Variable Cut)","untranslatedTitle":"Full Family (6 Styles + Variable Cut)"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Jubilee","vendor":"offtypefoundry","id":"8074003906787","untranslatedTitle":"Jubilee","url":"\/products\/jubilee","type":""},"id":"43812887494883","image":{"src":"\/\/off-type.com\/cdn\/shop\/files\/JubileeCover.jpg?v=1683573281"},"sku":"","title":"Silver","untranslatedTitle":"Silver"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Jubilee","vendor":"offtypefoundry","id":"8074003906787","untranslatedTitle":"Jubilee","url":"\/products\/jubilee","type":""},"id":"43812887527651","image":{"src":"\/\/off-type.com\/cdn\/shop\/files\/JubileeCover.jpg?v=1683573281"},"sku":"","title":"Ruby","untranslatedTitle":"Ruby"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Jubilee","vendor":"offtypefoundry","id":"8074003906787","untranslatedTitle":"Jubilee","url":"\/products\/jubilee","type":""},"id":"43812887560419","image":{"src":"\/\/off-type.com\/cdn\/shop\/files\/JubileeCover.jpg?v=1683573281"},"sku":"","title":"Golden","untranslatedTitle":"Golden"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Jubilee","vendor":"offtypefoundry","id":"8074003906787","untranslatedTitle":"Jubilee","url":"\/products\/jubilee","type":""},"id":"43812887593187","image":{"src":"\/\/off-type.com\/cdn\/shop\/files\/JubileeCover.jpg?v=1683573281"},"sku":"","title":"Diamond","untranslatedTitle":"Diamond"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Jubilee","vendor":"offtypefoundry","id":"8074003906787","untranslatedTitle":"Jubilee","url":"\/products\/jubilee","type":""},"id":"43812887625955","image":{"src":"\/\/off-type.com\/cdn\/shop\/files\/JubileeCover.jpg?v=1683573281"},"sku":"","title":"Sapphire","untranslatedTitle":"Sapphire"},{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Jubilee","vendor":"offtypefoundry","id":"8074003906787","untranslatedTitle":"Jubilee","url":"\/products\/jubilee","type":""},"id":"43812887658723","image":{"src":"\/\/off-type.com\/cdn\/shop\/files\/JubileeCover.jpg?v=1683573281"},"sku":"","title":"Platinum","untranslatedTitle":"Platinum"}],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("product_viewed", {"productVariant":{"price":{"amount":0.0,"currencyCode":"USD"},"product":{"title":"Jubilee","vendor":"offtypefoundry","id":"8074003906787","untranslatedTitle":"Jubilee","url":"\/products\/jubilee","type":""},"id":"43812887462115","image":{"src":"\/\/off-type.com\/cdn\/shop\/files\/JubileeCover.jpg?v=1683573281"},"sku":"","title":"Full Family (6 Styles + Variable Cut)","untranslatedTitle":"Full Family (6 Styles + Variable Cut)"}});},"https://off-type.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":8074003906787,"gid":"gid:\/\/shopify\/Product\/8074003906787","vendor":"offtypefoundry","type":"","variants":[{"id":43812887462115,"price":0,"name":"Jubilee - Full Family (6 Styles + Variable Cut)","public_title":"Full Family (6 Styles + Variable Cut)","sku":""},{"id":43812887494883,"price":0,"name":"Jubilee - Silver","public_title":"Silver","sku":""},{"id":43812887527651,"price":0,"name":"Jubilee - Ruby","public_title":"Ruby","sku":""},{"id":43812887560419,"price":0,"name":"Jubilee - Golden","public_title":"Golden","sku":""},{"id":43812887593187,"price":0,"name":"Jubilee - Diamond","public_title":"Diamond","sku":""},{"id":43812887625955,"price":0,"name":"Jubilee - Sapphire","public_title":"Sapphire","sku":""},{"id":43812887658723,"price":0,"name":"Jubilee - Platinum","public_title":"Platinum","sku":""}]},"page":{"pageType":"product","resourceType":"product","resourceId":8074003906787}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(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: 63285330147, theme_id: 136238661859, app_name: "storefront", context_url: window.location.href, source_url: "//off-type.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//off-type.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//off-type.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":63285330147,"isMerchantRequest":null,"themeId":136238661859,"themeCityHash":"12978484832913309397","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"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; 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":8074003906787}); 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":43812887462115,"productId":8074003906787,"productGid":"gid:\/\/shopify\/Product\/8074003906787","name":"Jubilee - Full Family (6 Styles + Variable Cut)","price":"0.00","sku":"","brand":"offtypefoundry","variant":"Full Family (6 Styles + Variable Cut)","category":"","nonInteraction":true}); window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":43812887462115,"productId":8074003906787,"productGid":"gid:\/\/shopify\/Product\/8074003906787","name":"Jubilee - Full Family (6 Styles + Variable Cut)","price":"0.00","sku":"","brand":"offtypefoundry","variant":"Full Family (6 Styles + Variable Cut)","category":"","nonInteraction":true,"referer":"https:\/\/off-type.com\/products\/Jubilee"}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//off-type.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 = "OffType"; window.BOOMR.themeVersion = "1.0.0"; window.BOOMR.shopId = 63285330147; window.BOOMR.themeId = 136238661859; })();</script> <script defer src="https://off-type.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="63285330147" data-render-region="gcp-asia-southeast1" data-page-type="product" data-theme-instance-id="136238661859" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body x-data :class="$store.mood.current ? `mood-${$store.mood.current}` : ''" data-module-load> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="payment_applepay" viewBox="0 0 512 210.2"> <path fill="current" 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 "/> </symbol> <symbol id="payment_paypal" viewBox="0 0 89 25"> <g fill="current"> <path fill="current" 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="current" 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_mastercard" viewBox="0 0 51 32"> <g fill="current" fill-rule="evenodd" transform="translate(1.324 .978)"> <path fill="current" 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="current" 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_visa" viewBox="0 0 498 162"> <path fill="current" fill-rule="evenodd" transform="matrix(1 0 0 -1 0 162.448)" 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"/> </symbol> <symbol id="social_facebook" viewBox="0 0 24 24"> <path fill="current" 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"> <path fill="current" 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"> <path fill="current" 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 id="app"> <div class="c-loader"></div> <div data-load-container> <div data-scroll-container> <div class="bg-columns"> <div class="bg-columns--column"></div> <div class="bg-columns--column"></div> <div class="bg-columns--column"></div> <div class="bg-columns--column"></div> <div class="bg-columns--column"></div> <div class="bg-columns--column"></div> </div> <section id="shopify-section-header" class="shopify-section"><div x-data="nav"> <div data-scroll-section>  <header class="header-navbar" data-scroll data-scroll-call="noSticky" data-scroll-repeat> <div class="full-container of-grid"> <div class="header-navbar__title"><a href="/"> <span>Off Type</span> </a></div> <div class="header-navbar__quote"> <span> <span>Beautifully off-beat fonts.</span> </span> </div><div class="header-navbar__moods"> <span class="header-navbar__moods-container"> <span class="header-navbar__moods-title">Mood</span> <a :class="$store.mood.current === 'fire' ? 'header-navbar__moods-option--active' : ''" class="header-navbar__moods-option" href="#" x-data @click.prevent="$store.mood.set('fire')">💥</a> <a :class="$store.mood.current === 'lab' ? 'header-navbar__moods-option--active' : ''" class="header-navbar__moods-option" href="#" x-data @click.prevent="$store.mood.set('lab')">🔬</a> <a :class="$store.mood.current === 'moon' ? 'header-navbar__moods-option--active' : ''" class="header-navbar__moods-option" href="#" x-data @click.prevent="$store.mood.set('moon')">🌚</a> </span> </div><div class="header-navbar__menu"> <nav class="header-navbar__menu-nav"><a href="/collections/all" class="header-navbar__menu-navLink" > <span x-data="menuEmoji('/collections/all')" class="header-navbar__menu-navLink-emoji"></span> <span>All Fonts</span> </a><a href="/products/offset" class="header-navbar__menu-navLink" > <span x-data="menuEmoji('/products/offset')" class="header-navbar__menu-navLink-emoji"></span> <span>Off Set</span> </a><div class="header-navbar__menu-cart"> <a href="/cart" class="header-navbar__menu-cartLink"> <span class="header-navbar__menu-cartEmoji">🛒</span>Cart <sup aria-hidden="true">0</sup><span class="sr-only">0 item</span> </a> </div> <div class="header-navbar__menu-burger"> <a x-bind="burgerIcon" href="#" class="header-navbar__menu-burgerLink"> <span>Menu</span><div class="header-navbar__menu-burgerIcon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 30 14"> <rect width="30" height="2" rx="1" fill="currentColor"/> <rect y="6" width="30" height="2" rx="1" fill="currentColor"/> <rect y="12" width="30" height="2" rx="1" fill="currentColor"/> </svg> </div> </a> </div> </nav> </div> </div> </header> </div>  <div x-data="navSticky" x-bind="navbar" class="header-sticky" x-transition:enter="header-sticky--enter" x-transition:enter-start="header-sticky--enter-start" x-transition:enter-end="header-sticky--enter-end" x-transition:leave="header-sticky--leave" x-transition:leave-start="header-sticky--leave-start" x-transition:leave-end="header-sticky--leave-end" > <div class="full-container header-sticky__container"> <div class="header-sticky__title"> <a href="/"> <span>otf</span> </a> </div><div class="header-sticky__page-title"><span>Jubilee</span></div><div class="header-sticky__moods"> <span class="header-sticky__moods-container"> <span class="header-sticky__moods-title">Mood</span> <a :class="$store.mood.current === 'fire' ? 'header-sticky__moods-option--active' : ''" class="header-sticky__moods-option" href="#" x-data @click.prevent="$store.mood.set('fire')">💥</a> <a :class="$store.mood.current === 'lab' ? 'header-sticky__moods-option--active' : ''" class="header-sticky__moods-option" href="#" x-data @click.prevent="$store.mood.set('lab')">🔬</a> <a :class="$store.mood.current === 'moon' ? 'header-sticky__moods-option--active' : ''" class="header-sticky__moods-option" href="#" x-data @click.prevent="$store.mood.set('moon')">🌚</a> </span> </div><div class="header-sticky__product-ctas"> <button class="button nowrap large" @click="$store.tryModal.open()">Try It Free</button> <button class="primary large" @click="window.app.scrollTo('#buy', { offset: -200 })">Buy it</a> </div> <div class="header-sticky__menu"> <nav class="header-sticky__menu-nav"><a href="/collections/all" class="header-sticky__menu-navLink" > <span x-data="menuEmoji('/collections/all')" class="header-sticky__menu-navLink-emoji"></span> <span>All Fonts</span> </a><a href="/products/offset" class="header-sticky__menu-navLink" > <span x-data="menuEmoji('/products/offset')" class="header-sticky__menu-navLink-emoji"></span> <span>Off Set</span> </a><div class="header-sticky__menu-cart"> <a href="/cart" class="header-sticky__menu-cartLink"> <span class="mr-3">🛒</span>Cart <sup aria-hidden="true" class="">0</sup><span class="sr-only">0 item</span> </a> </div> <div class="header-sticky__menu-burger"> <a x-bind="burgerIcon" href="#" class="header-sticky__menu-burgerLink"> <span>Menu</span><div class="header-sticky__menu-burgerIcon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 30 14"> <rect width="30" height="2" rx="1" fill="currentColor"/> <rect y="6" width="30" height="2" rx="1" fill="currentColor"/> <rect y="12" width="30" height="2" rx="1" fill="currentColor"/> </svg> </div> </a> </div> </nav> </div> </div> </div>  <nav :class="{'header-drawer--opened': opened}" class="header-drawer"> <div :class="{'header-drawer__backdrop--opened': opened}" class="header-drawer__backdrop" @click="close"></div> <div style="position:relative;"> <div :class="{'header-drawer__container--opened': opened}" class="header-drawer__container"> <div class="full-container of-grid"> <div class="header-drawer__title"> <h2 class="header-drawer__title-header header-drawer__title-header--desktop">otf</h2> <h2 class="header-drawer__title-header header-drawer__title-header--mobile">OffType</h2> </div> <div class="header-drawer__headline"> <div class="header-drawer__headline-container"> <span class="header-drawer__headline-text">Weirdly off-beat fonts.</span> </div> </div> <div class="header-drawer__menus"> <div class="header-drawer__menus-close"> <a x-bind="closeIcon" href="#" class="nav-hover">Close</a> </div> <nav class="header-drawer__menus-nav"><a x-bind="menuItem" href="/collections/new" class="header-drawer__menus-nav-item" > <span x-data="menuEmoji('/collections/new')"></span> <span>New Releases</span> </a><a x-bind="menuItem" href="/collections/all" class="header-drawer__menus-nav-item" > <span x-data="menuEmoji('/collections/all')"></span> <span>All Fonts</span> </a><a x-bind="menuItem" href="/products/offset" class="header-drawer__menus-nav-item" > <span x-data="menuEmoji('/products/offset')"></span> <span>Off Set</span> </a><a x-bind="menuItem" href="/pages/about" class="header-drawer__menus-nav-item" > <span x-data="menuEmoji('/pages/about')"></span> <span>About</span> </a><a href="/cart" class="header-drawer__menus-nav-item header-drawer__menus-nav-item--cart"> <span class="emoji">🛒</span>Cart <sup aria-hidden="true" class="">0</sup><span class="sr-only">0 item</span> </a> </nav> <nav class="header-drawer__menus-subnav"><a href="/pages/contact" class="header-drawer__menus-subnav-item"> <span x-data="menuEmoji('/pages/contact')"></span> Contact </a><a href="/pages/faqs" class="header-drawer__menus-subnav-item"> <span x-data="menuEmoji('/pages/faqs')"></span> FAQs </a><a href="/pages/font-license" class="header-drawer__menus-subnav-item"> <span x-data="menuEmoji('/pages/font-license')"></span> Font License </a><a href="https://cdn.shopify.com/s/files/1/0632/8533/0147/files/EULA_-_Off_Type_Commercial_APR2023.pdf?v=1682952939" class="header-drawer__menus-subnav-item"> <span x-data="menuEmoji('https://cdn.shopify.com/s/files/1/0632/8533/0147/files/EULA_-_Off_Type_Commercial_APR2023.pdf?v=1682952939')"></span> EULA </a></nav> </div> </div> <div class="header-drawer__footer full-container of-grid"> <div class="header-drawer__footer-cc"> <div class="creditcards"> <div class="creditcards__item"> <svg role="img"><use xlink:href="#payment_applepay"></use></svg> </div> <div class="creditcards__item"> <svg role="img"><use xlink:href="#payment_paypal"></use></svg> </div> <div class="creditcards__item"> <svg role="img"><use xlink:href="#payment_mastercard"></use></svg> </div> <div class="creditcards__item"> <svg role="img"><use xlink:href="#payment_visa"></use></svg> </div> </div> </div> <div class="header-drawer__footer-copyrights">©2023 Off Type Foundry</div> <div class="header-drawer__footer-social"> <div class="header-drawer__footer-social__item"> <a href="https://www.instagram.com/off_type_/" target="_blank" class="no-underline"> Follow us on Instagram </a> </div> </div> <div class="header-drawer__footer-powered">Powered by <a href="https://pangrampangram.com/" target="_blank" class="no-underline">Pangram Pangram Foundry</a></div> </div> <a x-bind="closeIcon" href="#" class="header-drawer__closeIcon"> <div class="header-drawer__closeIcon-icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </div> </a> </div> </div> </nav> </div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Off Type", "sameAs": [ null, null, null, null, null, null, null, null, null ], "url": "https:\/\/off-type.com" } </script></section> <main id="main" role="main"> <section id="shopify-section-template--16661466513635__intro" class="shopify-section loco-scroll-section"> <script type="text/css" x-data="pageFont(['jubilee'])"> @font-face { font-family: 'jubilee'; src: url(//off-type.com/cdn/shop/files/OTJubilee-Variable.woff2?v=11432108906944259702); font-weight: 400; font-style: normal; font-display: swap; } body[data-module-load] .u-font { font-family: jubilee, 'Neue Montreal', sans-serif; } .u-font.product-title { /* Mobile */ font-size: 28vw; /* Desktop */ @media (min-width: 768px) { font-size: 20vw; /* default is 20rem */ } } .product-styles__item { @media (min-width: 768px) { font-size: 3rem; } @media (min-width: 1280px) { font-size: 4.5rem; } @media (min-width: 1680px) { font-size: 8rem; } } </script> <div class="product-intro"> <div class="of-grid"> <div class="product-intro__description"> <p class="transition-colors text-xl">Transforming the challenging context, legacies and reputations of British institutions, Jubilee marries the pomp of the Windsor Royal Family and the country’s most notorious font Gill Sans to create something entirely new.</p> </div> <div class="product-intro__ctas product-intro__ctas--desktop"> <button class="button nowrap huge" @click="$store.tryModal.open()">Try It Free</button> <button class="product-intro__cta product-intro__cta--buy nowrap huge primary" @click="window.app.scrollTo('#buy', { offset: -200 })">Buy it</button> </div> </div> <div class="of-grid product-intro__grid"> <div class="product-intro__title"> <h1 class="u-font product-title" style="font-family: jubilee; font-weight: 400; font-style: normal; font-variation-settings: 'srff' 50;">Jubilee</h1> </div> <div class="product-intro__more"> <span class="product-intro__more-title">More on Jubilee</span> <ul x-data="productToc" class="product-intro__more-list"> <template x-for="section in tocSections"> <li class="product-intro__more-item"> <span>🔹</span> <a :href="section.target" @click.prevent="scrollTo(section)" x-text="section.title"></a> </li> </template> </ul> </div> <div class="product-intro__licenseDesc"> Free to Try<br /> Licenses start at $30 </div> <div class="product-intro__features"> 6 styles<br /> +<br /> Variable 🤘 </div> <div class="product-intro__tags"> <ul> <li x-data="prependEmoji('Impressive', 'emoji')">Impressive</li> <li x-data="prependEmoji('Posh', 'emoji')">Posh</li> <li x-data="prependEmoji('Regal', 'emoji')">Regal</li> </ul> </div> <div class="product-intro__ctas product-intro__ctas--mobile"> <button class="button nowrap huge" @click="$store.tryModal.open()">Try It Free</button> <button class="product-intro__cta product-intro__cta--buy nowrap huge primary" @click="window.app.scrollTo('#buy', { offset: -200 })">Buy it</button> </div> <div x-data="productToc" class="product-intro__fomo"> <a :href="tocSections[0].target" @click.prevent="scrollTo(tocSections[0])">This Way for More 👇</a> </div> </div> </div> </section><section id="shopify-section-template--16661466513635__main-image" class="shopify-section loco-scroll-section"> <div class="product-main-image"> <div class="product-main-image__container"> <div id="main-image-" class="product-main-image__image-wrapper"> <img class="product-main-image__image" src="//off-type.com/cdn/shop/files/Jubilee-1.jpg?v=1683814878" width="2000" height="2000" data-scroll data-scroll-speed="-1" data-scroll-target="#main-image-"/> </div> </div> </div> </section><section id="shopify-section-template--16661466513635__styles" class="shopify-section loco-scroll-section"> <div class="of-grid product-styles" data-toc-title="Styles" data-toc-target="template--16661466513635__styles" > <div class="product-styles__title"> <h2 class="product-styles__heading"> Styles<span class="product-styles__variantsNb">6</span> </h2> </div> <div class="product-styles__styles"> <ul class="product-styles__list"> <li class="product-styles__item"> <span class="product-styles__item-container"> <span class="u-font" style="font-family: jubilee; font-weight: 400; font-style: normal; font-variation-settings: 'srff' 0;">Silver</span> <span class="product-styles__pill">Serif 0</span> </span> </li> <li class="product-styles__item"> <span class="product-styles__item-container"> <span class="u-font" style="font-family: jubilee; font-weight: 400; font-style: normal; font-variation-settings: 'srff' 8;">Ruby</span> <span class="product-styles__pill">Serif 8</span> </span> </li> <li class="product-styles__item"> <span class="product-styles__item-container"> <span class="u-font" style="font-family: jubilee; font-weight: 400; font-style: normal; font-variation-settings: 'srff' 18;">Golden</span> <span class="product-styles__pill">Serif 18</span> </span> </li> <li class="product-styles__item"> <span class="product-styles__item-container"> <span class="u-font" style="font-family: jubilee; font-weight: 400; font-style: normal; font-variation-settings: 'srff' 28;">Diamond</span> <span class="product-styles__pill">Serif 28</span> </span> </li> <li class="product-styles__item"> <span class="product-styles__item-container"> <span class="u-font" style="font-family: jubilee; font-weight: 400; font-style: normal; font-variation-settings: 'srff' 38;">Sapphire</span> <span class="product-styles__pill">Serif 38</span> </span> </li> <li class="product-styles__item"> <span class="product-styles__item-container"> <span class="u-font" style="font-family: jubilee; font-weight: 400; font-style: normal; font-variation-settings: 'srff' 50;">Platinum</span> <span class="product-styles__pill">Serif 50</span> </span> </li> </ul> </div> <div class="product-god" style="left:12%;top:85%;" data-scroll data-scroll-speed="-2"> <div class="product-god__thumb" style=""> <button class="product-god__trigger no-style" @click="$store.godCardModal.open()"><img src="//off-type.com/cdn/shop/files/god-jubilee.png?v=1681932834&width=400" alt="" srcset="//off-type.com/cdn/shop/files/god-jubilee.png?v=1681932834&width=200 200w, //off-type.com/cdn/shop/files/god-jubilee.png?v=1681932834&width=352 352w" width="200" loading="eager"></button> </div> </div> </div> </section><section id="shopify-section-template--16661466513635__sampler" class="shopify-section loco-scroll-section"><div class="product-sampler of-grid" data-toc-title="Font Sampler" data-toc-target="template--16661466513635__sampler"> <div class="product-sampler__container"> <div x-data="fontSampler" class="font-sampler" data-font-is-variable="true" data-font-base-font-file="//off-type.com/cdn/shop/files/OTJubilee-Variable.woff2?v=11432108906944259702" data-default-variant-id="platinum" data-variants="[{ "id":"silver", "name": "Silver", "label": "Serif 0", "family": "jubilee", "weight": "400", "style": null, "file": "//off-type.com/cdn/shop/files/OTJubilee-Silver.woff2?v=5549004714988882135", "fontVariationSettings": "'srff' 0" },{ "id":"ruby", "name": "Ruby", "label": "Serif 8", "family": "jubilee", "weight": "400", "style": null, "file": "//off-type.com/cdn/shop/files/OTJubilee-Ruby.woff2?v=105757423601060782", "fontVariationSettings": "'srff' 8" },{ "id":"golden", "name": "Golden", "label": "Serif 18", "family": "jubilee", "weight": "400", "style": null, "file": "//off-type.com/cdn/shop/files/OTJubilee-Golden.woff2?v=6794790778133121420", "fontVariationSettings": "'srff' 18" },{ "id":"diamond", "name": "Diamond", "label": "Serif 28", "family": "jubilee", "weight": "400", "style": null, "file": "//off-type.com/cdn/shop/files/OTJubilee-Diamond.woff2?v=14268470710485328302", "fontVariationSettings": "'srff' 28" },{ "id":"sapphire", "name": "Sapphire", "label": "Serif 38", "family": "jubilee", "weight": "400", "style": null, "file": "//off-type.com/cdn/shop/files/OTJubilee-Sapphire.woff2?v=5695090311613521300", "fontVariationSettings": "'srff' 38" },{ "id":"platinum", "name": "Platinum", "label": "Serif 50", "family": "jubilee", "weight": "400", "style": null, "file": "//off-type.com/cdn/shop/files/OTJubilee-Platinum.woff2?v=8951817037860118196", "fontVariationSettings": "'srff' 50" }]" data-variable-axis-horizontal="{"max":50,"min":0,"name":"srff"}" data-variable-axis-vertical="null" data-open-type-features="[{"label":"Discretionary Ligatures","name":"dlig","value":"1"},{"label":"Single Storey a","name":"ss01","value":"1"},{"label":"Single Storey g","name":"ss02","value":"1"},{"label":"Alt. \u0026","name":"ss03","value":"1"},{"label":"Diamond Dots","name":"ss07","value":"1"}]" data-font-sampler-text-short="Jubilee is the world’s leading monarch. But no one really cares." data-font-sampler-text="Parading around the cobbled streets, they wander, stroll and stumble from conversation to conversation, pleading for the respect they deserve. Or, at least, the respect they believed they deserve. In truth, the world has moved on. Royalty fell right within the slice of history no one was really interested in and had been far surpassed by the public’s love of things older or newer. ‘Please mind the gap,’ a crackled announcement announced. There had been no revolution. No guillotines or bloodshed. People, the public, the pubs and the pets. They just didn’t give a shit anymore. No glory, no grandeur, just dismissal. Jubilee was only a baby when the country started to forget about them, so by the time they took the throne (an uncomfortable metal chair by the kitchen door), most people their age didn’t know the land was still governed by a specific family. People mostly preferred the natural world to govern itself. Not Jubilee, though; they still wanted royalty. They tried to get into the press, making up hot gossip about actors and activists, but the rags simply covered the economic crisis and global warming. Outrageous. ‘Do people not care anymore?’ Jubilee screamed to the heavens. ‘No,’ someone answered back, autumnal in tone. ‘Get lost.’ Jubilee looked at the Way Out sign above the tube platform.<br /> <br /> Transforming the challenging context, legacies and reputations of British institutions, Jubilee marries the pomp of the Windsor Royal Family and the country’s most notorious font Gill Sans to create something entirely new. Ranging from Silver to Diamond across optical sizes, one for each Jubilee of the UK’s longest reigning monarch, Elizabeth II, Jubilee comes befitted with sans and serif capabilities – comfortable as both an elegant display and practical workhorse. The uneven, hand-crafted proportions of Jubilee’s letterforms lend the font a character unlike any of its counterparts in the genre, bolstered further by its unique icons, crests and diamond-like punctuation across its comprehensive glyph set." > <div class="of-sub-grid"> <div class="font-sampler__title"> Font Sampler </div> <div class="font-sampler__weight-select"> <div class="select-wrap"> <select x-bind="variantSelect" x-model="selectedVariantId" class="peer primary"> <option value="silver">Silver</option> <option value="ruby">Ruby</option> <option value="golden">Golden</option> <option value="diamond">Diamond</option> <option value="sapphire">Sapphire</option> <option value="platinum">Platinum</option> </select> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="12" height="6" viewBox="0 0 12 6" fill="none"> <path d="M11.1334 1.70711C11.5239 1.31658 11.5239 0.683417 11.1334 0.292893C10.7429 -0.0976317 10.1097 -0.0976317 9.71917 0.292893L11.1334 1.70711ZM7.12735 4.29892L6.42025 3.59181L6.42025 3.59181L7.12735 4.29892ZM1.70711 0.292893C1.31658 -0.0976311 0.683418 -0.0976311 0.292893 0.292893C-0.0976311 0.683418 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM9.71917 0.292893L6.42025 3.59181L7.83446 5.00603L11.1334 1.70711L9.71917 0.292893ZM5.00603 3.59182L1.70711 0.292893L0.292893 1.70711L3.59182 5.00603L5.00603 3.59182ZM6.42025 3.59181C6.02972 3.98234 5.39655 3.98234 5.00603 3.59182L3.59182 5.00603C4.76339 6.1776 6.66289 6.1776 7.83446 5.00603L6.42025 3.59181Z" fill="currentColor"/> </svg> </div> <div class="font-sampler__variable-container"> <span @click="toggleVariableMode()" :class="{ 'font-sampler__variable-toggle--active': isVariableMode }" class="font-sampler__variable-toggle">🌀 Variable</span> </div> </div> <div class="font-sampler__range font-sampler__range--size"> <span>Size</span> <span class="font-sampler__range-pill" x-text="`${samplerSize}px`"></span> <input type="range" x-model.number="samplerSize" @input="onSizeInput" min="11" max="800" /> </div> <div class="font-sampler__range font-sampler__range--spacing"> <span>Spacing</span> <span class="font-sampler__range-pill" x-text="`${samplerSpacing}px`"></span> <input type="range" x-model.number="samplerSpacing" min="-8" max="8" step="1" /> </div> <div class="font-sampler__range font-sampler__range--height"> <span>Height</span> <span class="font-sampler__range-pill" x-text="`${samplerHeight}`"></span> <input type="range" x-model.number="samplerHeight" min="0" max="2" step="0.1" /> </div> <div class="font-sampler__alignement"> <span class="font-sampler__alignement-title">Alignment</span> <div class="font-sampler__alignement-container"> <div class="font-sampler__alignement-options"> <button @click="setAlign('left')" :class="{ 'active': samplerAlign === 'left'}" class="font-sampler__alignement-button no-style"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" fill="none" width="24" height="10" viewBox="0 0 24 10"> <rect width="12" height="2" rx="1" fill="currentColor"/> <rect y="4" width="24" height="2" rx="1" fill="currentColor"/> <rect y="8" width="16" height="2" rx="1" fill="currentColor"/> </svg> </button> <button @click="setAlign('center')" :class="{ 'active': samplerAlign === 'center'}" class="font-sampler__alignement-button no-style"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" fill="none" width="24" height="10" viewBox="0 0 24 10"> <rect x="6" width="12" height="2" rx="1" fill="currentColor"/> <rect y="4" width="24" height="2" rx="1" fill="currentColor"/> <rect x="4" y="8" width="16" height="2" rx="1" fill="currentColor"/> </svg> </button> <button @click="setAlign('right')" :class="{ 'active': samplerAlign === 'right'}" class="font-sampler__alignement-button no-style"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" fill="none" width="24" height="10" viewBox="0 0 24 10"> <rect x="12" width="12" height="2" rx="1" fill="currentColor"/> <rect y="4" width="24" height="2" rx="1" fill="currentColor"/> <rect x="8" y="8" width="16" height="2" rx="1" fill="currentColor"/> </svg> </button> </div> <div class="font-sampler__alignement-reset"> <button class="font-sampler__alignement-button no-style" @click="resetDefaults()"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" fill="none" width="19" height="16" viewBox="0 0 19 16"> <path d="M18.7732 7.04095C19.0816 6.58279 18.9602 5.96137 18.5021 5.65297C18.0439 5.34456 17.4225 5.46595 17.1141 5.92411L18.7732 7.04095ZM16.6555 8.39611L17.4851 8.95453L17.4851 8.95453L16.6555 8.39611ZM11.5584 6.17044C11.1003 5.86203 10.4788 5.98343 10.1704 6.44158C9.86203 6.89973 9.98343 7.52115 10.4416 7.82956L11.5584 6.17044ZM17.1141 5.92411L15.826 7.83769L17.4851 8.95453L18.7732 7.04095L17.1141 5.92411ZM14.438 8.10883L11.5584 6.17044L10.4416 7.82956L13.3211 9.76794L14.438 8.10883ZM15.826 7.83769C15.5175 8.29584 14.8961 8.41723 14.438 8.10883L13.3211 9.76794C14.6956 10.6932 16.5598 10.329 17.4851 8.95453L15.826 7.83769Z" fill="currentColor"/> <path d="M15 8C15 6.61553 14.5895 5.26215 13.8203 4.11101C13.0511 2.95986 11.9579 2.06266 10.6788 1.53284C9.3997 1.00303 7.99223 0.864406 6.63437 1.1345C5.2765 1.4046 4.02922 2.07128 3.05025 3.05025C2.07128 4.02922 1.4046 5.2765 1.1345 6.63437C0.864406 7.99223 1.00303 9.3997 1.53284 10.6788C2.06266 11.9579 2.95986 13.0511 4.11101 13.8203C5.26215 14.5895 6.61553 15 8 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg></button> </div> </div> </div> </div> <div x-bind="mouseContainer" class="font-sampler__rendered"> <div x-bind="container" x-ref="container" class="font-sampler__rendered-container" data-scroll data-scroll-call="inview"> <span x-bind="text" x-ref="textEditor" class="font-sampler__rendered-text" :class="{ 'font-sampler__rendered-text--loading': isLoading }"></span> </div> </div> <div class="of-sub-grid"> <div>Open Type Features</div> <div class="font-sampler__openTypeFeatures"> <template x-for="feat in openTypeFeatures" hidden> <button :class="{'selected': feat.enabled}" @click="toggleFeature(feat)" x-text="feat.label"></button> </template> </div> </div> <template x-teleport="#font-sampler__cursor-container"> <div class="font-sampler__cursor" x-show="isVariableMode && isHovering" x-transition.opacity :style="{left: `${cursor.x}px`, top: `${cursor.y + 30}px`}"> <div class="font-sampler__cursor-inner"> <div class="font-sampler__cursor-pill" x-show="!!xAxis.name"> <span x-text="xAxis.name" class="font-bold"></span> : <span x-text="xAxis.value"></span> </div> <div class="font-sampler__cursor-pill" x-show="!!yAxis.name"> <span x-text="yAxis.name" class="font-bold"></span> : <span x-text="yAxis.value"></span> </div> </div> </div> </template> </div> </div> </div> </section><section id="shopify-section-template--16661466513635__first-carousel" class="shopify-section loco-scroll-section"> <div x-data="productCarousel" class="product-carousel"> <div class="swiper" x-ref="container"> <div class="swiper-wrapper product-carousel__wrapper"> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-3"> <div id="first_carousel-slide-" class="product-carousel__img-container "> <img src="//off-type.com/cdn/shop/files/Jubilee-1_ab96c628-e3c3-41df-bcb7-0fa4456bfa01.jpg?v=1683814789" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-3"> <div id="first_carousel-slide-" class="product-carousel__img-container product-carousel__img-container--rounded"> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_08.jpg?v=1683552964" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-2"> <div id="first_carousel-slide-" class="product-carousel__img-container "> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_11.jpg?v=1682453353" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-3"> <div id="first_carousel-slide-" class="product-carousel__img-container product-carousel__img-container--rounded"> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_07.jpg?v=1683552979" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-2"> <div id="first_carousel-slide-" class="product-carousel__img-container "> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_03.jpg?v=1682453352" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-2"> <div id="first_carousel-slide-" class="product-carousel__img-container product-carousel__img-container--rounded"> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_06.jpg?v=1682453352" width="" height=""/> </div> </div> </div> </div> </div> </section><section id="shopify-section-template--16661466513635__glyphs" class="shopify-section loco-scroll-section"> <div x-data="fontGlyphs" id="fontGlyphs" data-default-variant-id="platinum" data-variants=" [{ "id": "silver", "name": "Silver", "label": "Serif 0", "family": "jubilee", "weight": "400", "style": "normal", "file": "//off-type.com/cdn/shop/files/OTJubilee-Silver.woff2?v=5549004714988882135", "fontVariationSettings": "'srff' 0" },{ "id": "ruby", "name": "Ruby", "label": "Serif 8", "family": "jubilee", "weight": "400", "style": "normal", "file": "//off-type.com/cdn/shop/files/OTJubilee-Ruby.woff2?v=105757423601060782", "fontVariationSettings": "'srff' 8" },{ "id": "golden", "name": "Golden", "label": "Serif 18", "family": "jubilee", "weight": "400", "style": "normal", "file": "//off-type.com/cdn/shop/files/OTJubilee-Golden.woff2?v=6794790778133121420", "fontVariationSettings": "'srff' 18" },{ "id": "diamond", "name": "Diamond", "label": "Serif 28", "family": "jubilee", "weight": "400", "style": "normal", "file": "//off-type.com/cdn/shop/files/OTJubilee-Diamond.woff2?v=14268470710485328302", "fontVariationSettings": "'srff' 28" },{ "id": "sapphire", "name": "Sapphire", "label": "Serif 38", "family": "jubilee", "weight": "400", "style": "normal", "file": "//off-type.com/cdn/shop/files/OTJubilee-Sapphire.woff2?v=5695090311613521300", "fontVariationSettings": "'srff' 38" },{ "id": "platinum", "name": "Platinum", "label": "Serif 50", "family": "jubilee", "weight": "400", "style": "normal", "file": "//off-type.com/cdn/shop/files/OTJubilee-Platinum.woff2?v=8951817037860118196", "fontVariationSettings": "'srff' 50" }] " class="product-glyphs of-grid" data-toc-title="Glyphs" data-toc-target="template--16661466513635__glyphs" > <div class="product-glyphs__title"> <h2 class="product-glyphs__title-heading">Glyphs<span x-show="numGlyphs > 0" x-text="numGlyphs" class="product-glyphs__title-glyphsNb"></span></h2> </div> <div class="product-glyphs__renderer of-sub-grid"> <div class="product-glyphs__glyph"> <div class="product-glyphs__glyph-sticky" data-scroll data-scroll-sticky data-scroll-target=".product-glyphs__glyph"> <div class="product-glyphs__variantsSelect"> <div class="select-wrap"> <select x-model="activeVariantId" class="primary large peer"> <option value="silver">Silver</option> <option value="ruby">Ruby</option> <option value="golden">Golden</option> <option value="diamond">Diamond</option> <option value="sapphire">Sapphire</option> <option value="platinum">Platinum</option> </select> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="12" height="6" viewBox="0 0 12 6" fill="none"> <path d="M11.1334 1.70711C11.5239 1.31658 11.5239 0.683417 11.1334 0.292893C10.7429 -0.0976317 10.1097 -0.0976317 9.71917 0.292893L11.1334 1.70711ZM7.12735 4.29892L6.42025 3.59181L6.42025 3.59181L7.12735 4.29892ZM1.70711 0.292893C1.31658 -0.0976311 0.683418 -0.0976311 0.292893 0.292893C-0.0976311 0.683418 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM9.71917 0.292893L6.42025 3.59181L7.83446 5.00603L11.1334 1.70711L9.71917 0.292893ZM5.00603 3.59182L1.70711 0.292893L0.292893 1.70711L3.59182 5.00603L5.00603 3.59182ZM6.42025 3.59181C6.02972 3.98234 5.39655 3.98234 5.00603 3.59182L3.59182 5.00603C4.76339 6.1776 6.66289 6.1776 7.83446 5.00603L6.42025 3.59181Z" fill="currentColor"/> </svg> </div> </div> <div class="product-glyphs__glyph-container"> <figure class="product-glyphs__glyph-figure"> <canvas x-ref="glyphBg" class="product-glyphs__glyph-bg" width="600" height="400"></canvas> <canvas x-ref="glyph" class="product-glyphs__glyph-char" width="600" height="400" x-effect="drawGlyph(activeGlyphIndex)"></canvas> </figure> </div> </div> </div> <div class="product-glyphs__picker"> <template x-for="(glyphs, groupName) in groupedGlyphs"> <div class="product-glyphs__picker-group"> <h3 class="product-glyphs__picker-groupName" x-text="groupName"></h3> <ul x-bind="container" class="product-glyphs__picker-list"> <template x-for="glyph in glyphs"> <li class="product-glyphs__picker-item" :class="{ 'product-glyphs__picker-item--selected': activeGlyphIndex == glyph.index }" @mouseover="activeGlyphIndex = glyph.index"> <span x-text="String.fromCharCode(glyph.unicode)"></span> </li> </template> </ul> </div> </template> </div> </div> </div> </section><section id="shopify-section-template--16661466513635__second-carousel" class="shopify-section loco-scroll-section"> <div x-data="productCarousel" class="product-carousel"> <div class="swiper" x-ref="container"> <div class="swiper-wrapper product-carousel__wrapper"> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-3"> <div id="second_carousel-slide-" class="product-carousel__img-container product-carousel__img-container--rounded"> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_13.jpg?v=1682453352" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-2"> <div id="second_carousel-slide-" class="product-carousel__img-container "> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_05.jpg?v=1682453352" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-2"> <div id="second_carousel-slide-" class="product-carousel__img-container product-carousel__img-container--rounded"> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_10.jpg?v=1682453358" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-3"> <div id="second_carousel-slide-" class="product-carousel__img-container "> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_02.jpg?v=1682453352" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-2"> <div id="second_carousel-slide-" class="product-carousel__img-container "> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_04.jpg?v=1682453352" width="" height=""/> </div> </div> <div class="swiper-slide product-carousel__slide product-carousel__slide--wide-3"> <div id="second_carousel-slide-" class="product-carousel__img-container product-carousel__img-container--rounded"> <img src="//off-type.com/cdn/shop/files/Jubilee_Visuals_Final_09.jpg?v=1683552995" width="" height=""/> </div> </div> </div> </div> </div> </section><section id="shopify-section-template--16661466513635__centered-text" class="shopify-section loco-scroll-section"> <div class="product-centeredText"> <div class="of-grid"> <p class="u-font product-centeredText__text" style="font-family: jubilee; font-weight: 400; font-style: normal; font-variation-settings: 'srff' 50;">His ex-Majesty's inadequate wisecrack gravely flops in Zimbabwe</h1> </div> </div> </section><section id="shopify-section-template--16661466513635__infos" class="shopify-section loco-scroll-section"> <div class="product-infos of-grid" data-toc-title="Information" data-toc-target="template--16661466513635__infos" > <div class="product-infos__title "> <h2 class="product-infos__title-heading">Information</h2> </div> <div class="product-infos__description"> Transforming the challenging context, legacies and reputations of British institutions, Jubilee marries the pomp of the Windsor Royal Family and the country’s most notorious font Gill Sans to create something entirely new.<br /> <br /> Ranging from Silver to Diamond across optical sizes, one for each Jubilee of the UK’s longest reigning monarch, Elizabeth II, Jubilee comes befitted with sans and serif capabilities – comfortable as both an elegant display and practical workhorse. The uneven, hand-crafted proportions of Jubilee’s letterforms lend the font a character unlike any of its counterparts in the genre, bolstered further by its unique icons, crests and diamond-like punctuation across its comprehensive glyph set. </div> <div class="product-infos__infos of-sub-grid"> <div class="product-infos__info-label"> Styles </div> <div class="product-infos__info-value"> 6 Weights — 694 Glyphs </div> <div class="product-infos__info-label"> Designer </div> <div class="product-infos__info-value"> <a href="https://www.instagram.com/morula_type" target="_blank">Valerio Monopoli </a> </div> <div class="product-infos__info-label"> Collaborator </div> <div class="product-infos__info-value"> <a href="https://instagram.com/pierobeninato" target="_blank">Piero Beninato (Type Design)</a> <br /> <a href="https://www.instagram.com/sergiolairisa/" target="_blank">Sergio Lairisa (Visuals)</a> <br /> <a href="https://www.instagram.com/studiogroundfloor/" target="_blank">Studio Ground Floor (Text & Story)</a> </div> <div class="product-infos__info-label"> Version </div> <div class="product-infos__info-value"> 1.000 </div> <div class="product-infos__info-label"> Available Formats </div> <div class="product-infos__info-value"> OTF, TTF, WOFF, WOFF2, and VARIABLE </div> <div class="product-infos__info-label"> Language Support </div> <div class="product-infos__info-value"> Latin Extended A </div> </div> </div> </section><section id="shopify-section-template--16661466513635__pairings" class="shopify-section loco-scroll-section"> <div class="product-pairings of-grid"> <div class="product-pairings__title"> Jubilee pairs well<br />with these typefaces </div> <div class="product-pairings__pairings"> <ul> <li class="product-pairings__item font-rendered" x-data="renderedFontPreview" x-bind="container" data-scroll data-scroll-call="inview" data-font-family="neglige" data-font-weight="400" data-font-style="" data-font-src="//off-type.com/cdn/shop/files/OTNeglige-L.woff2?v=9987777486453906154" > <a href="/products/neglige" class="product-pairings__item-link"> <span class="product-pairings__item-emoji">👉</span> <span class="font-rendered__text">Négligé</span> </a> </li> <li class="product-pairings__item font-rendered" x-data="renderedFontPreview" x-bind="container" data-scroll data-scroll-call="inview" data-font-family="brut" data-font-weight="400" data-font-style="normal" data-font-src="//off-type.com/cdn/shop/files/OTBrut-Regular.woff2?v=5847615454443223705" > <a href="/products/brut" class="product-pairings__item-link"> <span class="product-pairings__item-emoji">👉</span> <span class="font-rendered__text">Brut</span> </a> </li> <ul> </div> </section><section id="shopify-section-template--16661466513635__product-buy" class="shopify-section loco-scroll-section"> <div id="buy" class="product-buy"> <div class="of-grid"> <div class="product-buy__container"> <div class="product-buy__head"> <h2 class="product-buy__head-title">Commercial Licenses</h2> <div class="product-buy__head-infos"> 📄 <a class="product-buy__head-link" href="/pages/faqs">License Info</a> <div class="product-buy__head-description">Get all your commercial licenses here! Just select the font package and coverage you need. Got questions? Don’t hesitate to <a href="/pages/contact">contact us!</a></div> </div> </div> <div class="product-buy__info"> <form method="post" action="/cart/add" id="product_form_8074003906787" accept-charset="UTF-8" class="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="product-form__container"> <div class="product-form__options"> <label class="product-form__label" for="ProductSelect-template--16661466513635__product-buy">Choose Weights or Styles</label> <div class="select-wrap product-form__select-wrap"> <select class="product-form__variant-select primary white" class="peer" name="id" id="ProductSelect-template--16661466513635__product-buy" required> <option selected="selected" value="43812887462115">Full Family (6 Styles + Variable Cut)</option> <option value="43812887494883">Silver</option> <option value="43812887527651">Ruby</option> <option value="43812887560419">Golden</option> <option value="43812887593187">Diamond</option> <option value="43812887625955">Sapphire</option> <option value="43812887658723">Platinum</option> </select> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="12" height="6" viewBox="0 0 12 6" fill="none"> <path d="M11.1334 1.70711C11.5239 1.31658 11.5239 0.683417 11.1334 0.292893C10.7429 -0.0976317 10.1097 -0.0976317 9.71917 0.292893L11.1334 1.70711ZM7.12735 4.29892L6.42025 3.59181L6.42025 3.59181L7.12735 4.29892ZM1.70711 0.292893C1.31658 -0.0976311 0.683418 -0.0976311 0.292893 0.292893C-0.0976311 0.683418 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM9.71917 0.292893L6.42025 3.59181L7.83446 5.00603L11.1334 1.70711L9.71917 0.292893ZM5.00603 3.59182L1.70711 0.292893L0.292893 1.70711L3.59182 5.00603L5.00603 3.59182ZM6.42025 3.59181C6.02972 3.98234 5.39655 3.98234 5.00603 3.59182L3.59182 5.00603C4.76339 6.1776 6.66289 6.1776 7.83446 5.00603L6.42025 3.59181Z" fill="currentColor"/> </svg> </div> </div> <div class="product-form__footer"> <p class="product-form__price"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="price" content="0.0"> <span class="product__price--reg js-price"> </span> <span class="product__price-currency">Subtotal in USD</span> </p> <div class="product-form__emojis"> <span>👇</span> <span>👇</span> <span>👇</span> <span>👇</span> <span>👇</span> <span>👇</span> </div> <div class="product-form__submit"> <input class="button primary huge inverted" type="submit" value="Add to cart" /> </div> </div> </div> <input type="hidden" name="product-id" value="8074003906787" /><input type="hidden" name="section-id" value="template--16661466513635__product-buy" /></form> </div> <div class="product-buy__image product-buy__image--left" data-scroll data-scroll-speed="1.5"> <img src="//off-type.com/cdn/shop/files/Jubilee-left.png?v=1682715376&width=150" alt="" srcset="//off-type.com/cdn/shop/files/Jubilee-left.png?v=1682715376&width=150 150w" width="150" height="172" loading="eager"> </div> <div class="product-buy__image product-buy__image--right" data-scroll data-scroll-speed="-2"> <img src="//off-type.com/cdn/shop/files/Jubilee-right.png?v=1682715376&width=150" alt="" srcset="//off-type.com/cdn/shop/files/Jubilee-right.png?v=1682715376&width=150 150w" width="150" height="169" loading="eager"> </div> </div> <div class="product-buy__container product-buy__container--try"> <div class="product-buy__try-title">Want to test Jubilee first?</div> <div class="product-buy__try-cta"> <a href="#" @click.prevent="$store.tryModal.open()">Try it for Free Now!</a> </div> </div> </div> </div> </section> </main> <div id="shopify-section-footer" class="shopify-section loco-scroll-section"><footer class="footer" data-scroll data-scroll-repeat> <div class="footer__cols of-grid"> <div class="footer__otf"> otf </div> <div class="footer__subscribe"> <form x-data="newsletterForm" x-bind="form" method="POST" action="https://5034716a.sibforms.com/serve/MUIEAEZlWrW-cowQepPXuz7ATbEUhL8Il_lj6-XG_8tHlKXtqqatR33I3RNpBDAsxnDV9xFnpIdCPwB11HT1UODepAEyn8Cd--zfrz8EzgKmDaUfwmRt3LVoiuXWgqH5MuQUrVCy8vKLWZ8vhnQgHQ_Ym2Y9XiSVBTQmWrCpKJq5BGsxYQ_kaKEqTSQh0dV38D05WLacW1sUMlqt" data-type="subscription"> <span class="footer__subscribe-title">Psst! Get all the latest Off Type gossip</span> <div class="footer__subscribe-form"> <input x-bind:disabled="isSending" type="email" id="newsletter-email" name="EMAIL" placeholder="Enter your email address" required /> <button class="primary round" x-bind:disabled="isSending" type="submit" >👍</button> </div> <p class="footer__subscribe-messages" x-bind="messages"></p> </form> </div> <nav class="footer__nav footer__nav--left"> <a class="footer__nav-item" href="/collections/new"> <span x-data="menuEmoji('/collections/new')"></span> <span>New Releases</span> </a> <a class="footer__nav-item" href="/collections/all"> <span x-data="menuEmoji('/collections/all')"></span> <span>All Fonts</span> </a> <a class="footer__nav-item" href="/products/offset"> <span x-data="menuEmoji('/products/offset')"></span> <span>Off Set</span> </a> <a class="footer__nav-item" href="/cart"> <span class="footer__cartIcon">🛒</span>Cart <sup aria-hidden="true">0</sup><span class="sr-only">0 item</span> </a> </nav> <nav class="footer__nav footer__nav--right"> <a class="footer__nav-item" href="/pages/about"> <span x-data="menuEmoji('/pages/about')"></span> <span>About</span> </a> <a class="footer__nav-item" href="/pages/contact"> <span x-data="menuEmoji('/pages/contact')"></span> <span>Contact</span> </a> <a class="footer__nav-item" href="/pages/faqs"> <span x-data="menuEmoji('/pages/faqs')"></span> <span>FAQ</span> </a> <a class="footer__nav-item" href="/pages/font-license"> <span x-data="menuEmoji('/pages/font-license')"></span> <span>Font License</span> </a> <a class="footer__nav-item" href="https://cdn.shopify.com/s/files/1/0632/8533/0147/files/EULA_-_Off_Type_Commercial_APR2023.pdf?v=1682952939"> <span x-data="menuEmoji('https://cdn.shopify.com/s/files/1/0632/8533/0147/files/EULA_-_Off_Type_Commercial_APR2023.pdf?v=1682952939')"></span> <span>EULA</span> </a> </nav> </div> <div class="footer__bottom of-grid"> <div class="footer__bottom-cardLogos"> <div class="creditcards"> <div class="creditcards__item"> <svg role="img"><use xlink:href="#payment_applepay"></use></svg> </div> <div class="creditcards__item"> <svg role="img"><use xlink:href="#payment_paypal"></use></svg> </div> <div class="creditcards__item"> <svg role="img"><use xlink:href="#payment_mastercard"></use></svg> </div> <div class="creditcards__item"> <svg role="img"><use xlink:href="#payment_visa"></use></svg> </div> </div> </div> <div class="footer__bottom-copyrights">©2023 Off Type Foundry</div> <div class="footer__bottom-social"> <div class="header-drawer__footer-social__item"> <a href="https://www.instagram.com/off_type_/" target="_blank" class="no-underline"> Follow us on Instagram </a> </div> </div> <div class="footer__bottom-powered">Powered by <br><a href="https://pangrampangram.com/" target="_blank">Pangram Pangram Foundry</a></div> </div> <div class="footer__halfLogo"> <div class="footer__halfLogo-pill"> <span>Off Type Foundry</span> </div> </div> </footer> </div> <div id="font-sampler__cursor-container"></div> </div> </div> <div x-data="tryModal" x-bind="container" class="modal" x-cloak role="dialog" aria-modal="true" x-id="['try-modal']" :aria-labelledby="$id('try-modal')"> <div x-bind="overlay" x-transition.opacity class="modal__overlay" data-content-modal="close"></div> <div x-bind="panel" class="modal__panel" x-transition tabindex="-1"> <div x-bind="inner" class="modal__inner"> <h2 class="modal__title">Almost there!</h2> <div class="modal__description"> <p>Get key weights of <strong>Jubilee</strong> 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.</p> <p>It usually takes 3 to 5 minutes to get your files depending on the traffic.</p> </div> <div class="modal__sib-container"> <div class="sib-form"> <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 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 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/MUIEAMs04IAnDzX6DcWKDwrC0cQngp0GO2_Hdqw1CGRx9jG4c2DXtaJxUwa-0ZMxk1DhFYeAF0Qr3VXQ4ZEfDy68NHOV_AAB7lkw9bMDsZdGjGrzFLj6siwaDJDa8L7MuD1O6AzS4FMDeudaYslFXivkaMd-PRy6Sp6664m4yYjXBmajr5BW9lcMo1u2-h5Oj2z8kPkEzwh08Kng" 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">Psst! Get all the latest gossip from Off Type</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="primary inverted 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> <a x-bind="closeIcon" href="#" class="modal__closeIcon"> <div class="modal__closeIcon-icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </div> </a> </div> </div> </div> <div x-data="godCardModal" class="product-god-card__modal" x-bind="container" role="dialog" aria-modal="true" x-id="['god-modal']" :aria-labelledby="$id('god-modal')"> <div x-bind="overlay" x-transition.opacity x-transition.opacity.duration.300ms class="product-god-card__overlay"></div> <div class="product-god-card__panel" tabindex="-1"> <div x-bind="inner" class="product-god-card__inner"> <div x-bind="cards" class="product-god-card__cards" x-transition:enter-start="product-god-card__cards--enter-start" x-transition:enter="product-god-card__cards--enter" x-transition:enter-end="product-god-card__cards--enter-end" x-transition:leave-start="product-god-card__cards--leave-start" x-transition:leave="product-god-card__cards--leave" x-transition:leave-end="product-god-card__cards--leave-end"> <div class="product-god-card__card product-god-card__card--front"> <img src="//off-type.com/cdn/shop/files/god-jubilee-card-front.jpg?v=1681932835&width=1200" alt="" srcset="//off-type.com/cdn/shop/files/god-jubilee-card-front.jpg?v=1681932835&width=352 352w, //off-type.com/cdn/shop/files/god-jubilee-card-front.jpg?v=1681932835&width=832 832w, //off-type.com/cdn/shop/files/god-jubilee-card-front.jpg?v=1681932835&width=1200 1200w" width="1200" height="1938"> </div> <div class="product-god-card__card product-god-card__card--back"> <img src="//off-type.com/cdn/shop/files/god-jubilee-card-back.jpg?v=1681932835&width=1200" alt="" srcset="//off-type.com/cdn/shop/files/god-jubilee-card-back.jpg?v=1681932835&width=352 352w, //off-type.com/cdn/shop/files/god-jubilee-card-back.jpg?v=1681932835&width=832 832w, //off-type.com/cdn/shop/files/god-jubilee-card-back.jpg?v=1681932835&width=1200 1200w" width="1200" height="1938"> </div> <div class="product-god-card__flip-buttons"> <div class="product-god-card__flip product-god-card__flip--front"> <button x-bind="flipTrigger" class="black">⤹ Flip Back</button> </div> <div class="product-god-card__flip product-god-card__flip--back"> <button x-bind="flipTrigger" class="black">Flip Front ⤸</button> </div> </div> </div> </div> </div> </div> </div> <style> </style> </body> </html>

CINXE.COM

OT Jubilee - Free to try Majestic and Versatile font