PageSourceSearch

https://www.typejockeys.com/en

html typejockeys.com collected 2026-10-02 07:15:13 UTC 82,830 bytes, 988 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <title>Typejockeys · Type Design, Logos &amp; Lettering</title>
5    <meta charset="utf-8">
6        <meta name="description" content="Unique typographic solutions with Viennese charm: From fonts to lettering for logos and branding. We offer high quality typographic work and type design." />
7    
8    <link rel="canonical" link="https://www.typejockeys.com/en"/>
9
10
11
12    <link rel="alternate" hreflang="de" href="https://www.typejockeys.com/de" />
13    <link rel="alternate" hreflang="en" href="https://www.typejockeys.com/en" />
14
15    <meta name="viewport" content="width=device-width, initial-scale=1" />
16
17    <style>
18
19    @layer inheritation, presets;
20
21    @layer inheritation {
22        * {
23            font-size: inherit;
24            font-family: inherit;
25            font-weight: inherit;
26            font-style: inherit;
27            line-height: inherit;
28            color: inherit;
29        }
30    }
31    
32    @layer presets {
33        strong {
34            font-weight: bold;
35        }
36        em {
37            font-style: italic;
38        }
39    }
40
41    /* @font-face {
42        font-family: "Marie Medium";
43        src: url("https://www.typejockeys.com/assets/fonts/Marie/Marie-Medium.woff2") format("woff2");
44        font-display: swap;
45    } */
46
47    /* Style Sets */
48    @font-face {
49        font-family: "Marie/Marie-Variable";
50        src: url("https://www.typejockeys.com/assets/fonts/Marie/Marie-Variable.woff2") format("woff2");
51        font-display: swap;
52    }
53    @font-face {
54        font-family: "Marie/Marie-Variable";
55        src: url("https://www.typejockeys.com/assets/fonts/Marie/Marie-Variable.woff2") format("woff2");
56        font-display: swap;
57    }
58    @font-face {
59        font-family: "Marie/Marie-Variable";
60        src: url("https://www.typejockeys.com/assets/fonts/Marie/Marie-Variable.woff2") format("woff2");
61        font-display: swap;
62    }
63    @font-face {
64        font-family: "Marie/Marie-Variable";
65        src: url("https://www.typejockeys.com/assets/fonts/Marie/Marie-Variable.woff2") format("woff2");
66        font-display: swap;
67    }
68    :root {
69        --if-general: 1;
70        --if-tablet: 0;
71        --if-desktopsmall: 0;
72        --if-desktoplarge: 0;
73    }
74    @media screen and (min-width: 47.9375rem) {
75        :root {
76            --if-general: 0;
77            --if-tablet: 1;
78            --if-desktopsmall: 0;
79            --if-desktoplarge: 0;
80        }
81    }
82    @media screen and (min-width: 62rem) {
83        :root {
84            --if-general: 0;
85            --if-tablet: 0;
86            --if-desktopsmall: 1;
87            --if-desktoplarge: 0;
88        }
89    }
90    @media screen and (min-width: 106.25rem) {
91        :root {
92            --if-general: 0;
93            --if-tablet: 0;
94            --if-desktopsmall: 0;
95            --if-desktoplarge: 1;
96        }
97    }
98    body {
99        font-family: "Marie/Marie-Variable", sans-serif;
100        --fontstyleset--color: #000000;
101        font-size: 0.97rem;
102        line-height: 1.5;
103        letter-spacing: .01em;
104        font-variation-settings: "wght" 455;
105    }
106    .id00jeuw1hir {
107        font-family: "Marie/Marie-Variable", sans-serif;
108        --fontstyleset--color: #000000f5;
109        font-size: 1.02rem;
110        line-height: 1.46;
111        letter-spacing: 0em;
112        font-variation-settings: "wght" 455;
113    }
114    .ide5z0t3wnfn6 {
115        font-family: "Marie/Marie-Variable", sans-serif;
116        font-size: 1.45rem;
117        letter-spacing: -0.005em;
118        line-height: 1.45;
119        font-variation-settings: "wght" 500;
120    }
121    .id11ap645nda {
122        font-family: "Marie/Marie-Variable", sans-serif;
123        font-size: 2.4rem;
124        line-height: 1.25;
125        letter-spacing: -1px;
126        font-variation-settings: "wght" 650;
127    }
128    .idnf6xlbg1i1 {
129        --layout-padding-top: calc((var(--if-general) * 3.75rem) + (var(--if-tablet) * 5.625rem) + (var(--if-desktopsmall) * 6.875rem) + (var(--if-desktoplarge) * 7.8125rem)) /* (60|90|110|125) */;
130        --layout-padding-top-px: calc((var(--if-general) * 60) + (var(--if-tablet) * 90) + (var(--if-desktopsmall) * 110) + (var(--if-desktoplarge) * 125)) /* (60|90|110|125) */;
131        --layout-padding-bottom: calc((var(--if-general) * 3.75rem) + (var
131(--if-tablet) * 5.625rem) + (var(--if-desktopsmall) * 6.875rem) + (var(--if-desktoplarge) * 7.8125rem)) /* (60|90|110|125) */;
132        --layout-padding-bottom-px: calc((var(--if-general) * 60) + (var(--if-tablet) * 90) + (var(--if-desktopsmall) * 110) + (var(--if-desktoplarge) * 125)) /* (60|90|110|125) */;
133    }
134    .ida3eqmio6gy {
135        --layout-padding-top: calc((var(--if-general) * 0rem) + (var(--if-tablet) * 0rem) + (var(--if-desktopsmall) * 0rem) + (var(--if-desktoplarge) * 0rem)) /* (—|—|—|—) */;
136        --layout-padding-top-px: calc((var(--if-general) * 0) + (var(--if-tablet) * 0) + (var(--if-desktopsmall) * 0) + (var(--if-desktoplarge) * 0)) /* (—|—|—|—) */;
137        --layout-padding-bottom: calc((var(--if-general) * 3.75rem) + (var(--if-tablet) * 5.625rem) + (var(--if-desktopsmall) * 6.875rem) + (var(--if-desktoplarge) * 7.8125rem)) /* (60|90|110|125) */;
138        --layout-padding-bottom-px: calc((var(--if-general) * 60) + (var(--if-tablet) * 90) + (var(--if-desktopsmall) * 110) + (var(--if-desktoplarge) * 125)) /* (60|90|110|125) */;
139    }
140    .idfjl13dpk1u {
141        --layout-padding-top: calc((var(--if-general) * 3.75rem) + (var(--if-tablet) * 5.625rem) + (var(--if-desktopsmall) * 6.875rem) + (var(--if-desktoplarge) * 7.8125rem)) /* (60|90|110|125) */;
142        --layout-padding-top-px: calc((var(--if-general) * 60) + (var(--if-tablet) * 90) + (var(--if-desktopsmall) * 110) + (var(--if-desktoplarge) * 125)) /* (60|90|110|125) */;
143        --layout-padding-bottom: calc((var(--if-general) * 0rem) + (var(--if-tablet) * 0rem) + (var(--if-desktopsmall) * 0rem) + (var(--if-desktoplarge) * 0rem)) /* (—|—|—|—) */;
144        --layout-padding-bottom-px: calc((var(--if-general) * 0) + (var(--if-tablet) * 0) + (var(--if-desktopsmall) * 0) + (var(--if-desktoplarge) * 0)) /* (—|—|—|—) */;
145    }
146    .idzavn1bdx9o {
147        --layout-padding-top: calc((var(--if-general) * 3.75rem) + (var(--if-tablet) * 5.625rem) + (var(--if-desktopsmall) * 6.875rem) + (var(--if-desktoplarge) * 7.8125rem)) /* (60|90|110|125) */;
148        --layout-padding-top-px: calc((var(--if-general) * 60) + (var(--if-tablet) * 90) + (var(--if-desktopsmall) * 110) + (var(--if-desktoplarge) * 125)) /* (60|90|110|125) */;
149        --layout-padding-bottom: calc((var(--if-general) * 1.875rem) + (var(--if-tablet) * 2.8125rem) + (var(--if-desktopsmall) * 3.125rem) + (var(--if-desktoplarge) * 3.125rem)) /* (30|45|50|50) */;
150        --layout-padding-bottom-px: calc((var(--if-general) * 30) + (var(--if-tablet) * 45) + (var(--if-desktopsmall) * 50) + (var(--if-desktoplarge) * 50)) /* (30|45|50|50) */;
151    }
152    .idom4gpn8b5w {
153        --layout-padding-top: calc((var(--if-general) * 1.875rem) + (var(--if-tablet) * 2.8125rem) + (var(--if-desktopsmall) * 3.125rem) + (var(--if-desktoplarge) * 3.125rem)) /* (30|45|50|50) */;
154        --layout-padding-top-px: calc((var(--if-general) * 30) + (var(--if-tablet) * 45) + (var(--if-desktopsmall) * 50) + (var(--if-desktoplarge) * 50)) /* (30|45|50|50) */;
155        --layout-padding-bottom: calc((var(--if-general) * 1.875rem) + (var(--if-tablet) * 2.8125rem) + (var(--if-desktopsmall) * 3.125rem) + (var(--if-desktoplarge) * 3.125rem)) /* (30|45|50|50) */;
156        --layout-padding-bottom-px: calc((var(--if-general) * 30) + (var(--if-tablet) * 45) + (var(--if-desktopsmall) * 50) + (var(--if-desktoplarge) * 50)) /* (30|45|50|50) */;
157    }
158    .idsistpfl1fd {
159        --layout-padding-top: clamp(5rem, 5rem + (((80) - (80)) * ((var(--full-width) - 300px) / (2000 - 300))), 5rem) /* (80 → 80) [screen: 300 → 2000] */;
160        --layout-padding-top-px: clamp(80, 80 + (((80) - (80)) * ((var(--full-width-px) - 300) / (2000 - 300))), 80) /* (80 → 80) [screen: 300 → 2000] */;
161        --layout-padding-right: calc((var(--if-general) * 1.25rem) + (var(--if-tablet) * 3.4375rem) + (var(--if-desktopsmall) * 8.4375rem) + (var(--if-desktoplarge) * 9.0625rem)) /* (20|55|135|145) */;
162        --layout-padding-right-px: calc((var(--if-general) * 20) + (var(--if-tablet) * 55) + (var(--if-desktopsmall) * 135) + (var(--if-desktoplarge) * 145)) /* (20|55|135|145) */;
163        --layout-padding-bottom: clamp(5rem, 5rem + (((80) - (80)) * ((var(--full-width) - 300px) / (2000 - 300))), 5rem) /* (80 → 80) [screen: 300 → 2000] */;
164        --layout-padding-bottom-px: clamp(80, 80 + (((80) - (80)) * ((var(--full-width-px) - 300) / (2000 - 300))), 80) /* (80 → 80) [screen: 300 → 2000] */;
165        --layout-padding-left: calc((var(--if-general) * 1.25rem) + (var
165(--if-tablet) * 3.4375rem) + (var(--if-desktopsmall) * 8.4375rem) + (var(--if-desktoplarge) * 9.0625rem)) /* (20|55|135|145) */;
166        --layout-padding-left-px: calc((var(--if-general) * 20) + (var(--if-tablet) * 55) + (var(--if-desktopsmall) * 135) + (var(--if-desktoplarge) * 145)) /* (20|55|135|145) */;
167    }
168    .idjdylynap9h {
169        --layout-padding-top: calc((var(--if-general) * 1.875rem) + (var(--if-tablet) * 2.5rem) + (var(--if-desktopsmall) * 3.125rem) + (var(--if-desktoplarge) * 3.125rem)) /* (30|40|50|50) */;
170        --layout-padding-top-px: calc((var(--if-general) * 30) + (var(--if-tablet) * 40) + (var(--if-desktopsmall) * 50) + (var(--if-desktoplarge) * 50)) /* (30|40|50|50) */;
171        --layout-padding-right: var(--size-style-set-idwu8wu09efv);
172        --layout-padding-right-px: var(--size-style-set-idwu8wu09efv-px);
173        --layout-padding-bottom: calc((var(--if-general) * 3.75rem) + (var(--if-tablet) * 4.6875rem) + (var(--if-desktopsmall) * 4.6875rem) + (var(--if-desktoplarge) * 4.6875rem)) /* (60|75|75|75) */;
174        --layout-padding-bottom-px: calc((var(--if-general) * 60) + (var(--if-tablet) * 75) + (var(--if-desktopsmall) * 75) + (var(--if-desktoplarge) * 75)) /* (60|75|75|75) */;
175        --layout-padding-left: var(--size-style-set-idwu8wu09efv);
176        --layout-padding-left-px: var(--size-style-set-idwu8wu09efv-px);
177    }
178    .id0k4hxkvlm34g {
179        --background: linear-gradient(#f3f3f3 0rem, #f3f3f369 4.375rem, #f3f3f300 8.75rem); ; 
180    }
181    .idspunjr8szcr {
182        --background: linear-gradient(#f3f3f300 0rem, #f3f3f3d4 5rem, #f3f3f3 9.375rem, #f3f3f3 100%); ; 
183    }
184    @media screen and (min-width: 47.9375rem) {
185        body {
186            font-size: 1rem;
187            line-height: 1.5;
188            letter-spacing: .01em;
189            font-variation-settings: "wght" 450;
190        }
191        .id00jeuw1hir {
192            font-size: 1.2rem;
193            line-height: 1.5;
194            letter-spacing: -.0005em;
195            font-variation-settings: "wght" 450;
196        }
197        .ide5z0t3wnfn6 {
198            font-size: 2.1rem;
199            letter-spacing: -0.004em;
200            line-height: 1.3;
201            font-variation-settings: "wght" 505;
202        }
203        .id11ap645nda {
204            font-size: 3rem;
205            line-height: 1.15;
206            letter-spacing: -1px;
207            font-variation-settings: "wght" 670;
208        }
209    }
210    @media screen and (min-width: 62rem) {
211        body {
212            font-size: 1.05rem;
213            line-height: 1.5;
214            letter-spacing: .008em;
215            font-variation-settings: "wght" 445;
216        }
217        .id00jeuw1hir {
218            font-size: 1.22rem;
219            line-height: 1.53;
220            letter-spacing: -.0005em;
221            font-variation-settings: "wght" 445;
222        }
223        .ide5z0t3wnfn6 {
224            font-size: 2.5rem;
225            letter-spacing: -0.004em;
226            line-height: 1.3;
227            font-variation-settings: "wght" 510;
228        }
229        .id11ap645nda {
230            font-size: 3.3rem;
231            line-height: 1.1;
232            letter-spacing: -1px;
233            font-variation-settings: "wght" 675;
234        }
235    }
236    @media screen and (min-width: 106.25rem) {
237        body {
238            font-size: 1.1rem;
239            line-height: 1.55;
240            letter-spacing: .005em;
241            font-variation-settings: "wght" 440;
242        }
243        .id00jeuw1hir {
244            font-size: 1.34rem;
245            line-height: 1.58;
246            letter-spacing: -.001em;
247            font-variation-settings: "wght" 440;
248        }
249        .ide5z0t3wnfn6 {
250            font-size: 3.1rem;
251            letter-spacing: -0.0055em;
252            line-height: 1.3;
253            font-variation-settings: "wght" 500;
254        }
255        .id11ap645nda {
256            font-size: 4.0rem;
257            line-height: 1.1;
258            letter-spacing: -1.5px;
259            font-variation-settings: "wght" 690;
260        }
261    }
262    /* Header Style Set */
263    body > header {
264        --background-color: #00000000;
265        --text-color: #ffffff;
266        --text-color-hover: #ffffff8f;
267        --logo-color: #ffffff;
268        --logo-color-hover: #ffffff8f;
269    }
270    :root.header-fixed body > header {
271        --background-color: #ffffff;
272        --background-color-submenu: #fafafafa;
273        --text-color: #00000080;
274        --logo-color: #00000080;
275        --logo-color-hover: #ff4451;
276    }
277    :root.mainnav--mobile--expanded body > header {
278        --background-color: #ff4451;
279        --text-color: #fff;
280        --text-color-hover: #000000;
281        --logo-color: #fff;
282        --logo-color-hover: #000;
283    }
284    /* Size Style Sets (all, not only used ones) */
285    :root {
286	    --size-style-set-idwu8wu09efv: clamp(1.25rem, 1.25rem + (((30) - (20)) * ((var(--full-width) - 300px) / (1300 - 300))), 1.875rem) /* (20 → 30) [screen: 300 → 1300] */;
287	    --size-style-set-idwu8wu09efv-px: clamp(20, 20 + (((30) - (20)) * ((var(--full-width-px) - 300) / (1300 - 300))), 30) /* (20 → 30) [screen: 300 → 1300] */;
288	}
289    </style>
290
291    <link href="https://js.fontdue.com/fontdue.css" rel="stylesheet">
292    <link href="https://www.typejockeys.com/assets/css/main.css?1759856594" rel="stylesheet">
293    <link href="https://www.typejockeys.com/assets/css/main.tablet.css?1755527364" media="screen and (min-width: 47.9375rem)" rel="stylesheet">
294    <link href="https://www.typejockeys.com/assets/css/main.desktopsmall.css?1755542306" media="screen and (min-width: 62rem)" rel="stylesheet">
295    <link href="https://www.typejockeys.com/assets/css/main.desktoplarge.css?1755527364" media="screen and (min-width: 106.25rem)" rel="stylesheet">
296    <link href="https://www.typejockeys.com/assets/css/fontdue-store-modal.css?1743683543" rel="stylesheet">
297    <style>
298        :root {
299            --content-padding: var(--size-style-set-idwu8wu09efv);
300            --content-padding-px: var(--size-style-set-idwu8wu09efv-px);
301        }
302    </style>
303
304    
305    <link href="https://www.typejockeys.com/assets/css/blocks/imageresponsive.css?1746780718" rel="stylesheet">
306    <style data-src="assets/css/blocks/imageresponsive.tablet.css" media="(min-width: 47.9375rem)">
307    .layout.layout-multiple-columns:has(> .column > .blocks > .block-imageresponsive.block-imageresponsive--full-on-mobile) {
308        --layout-enforce-single-column: 0;
309    }
310    
311    .layout > .column > .blocks > .block-imageresponsive.block-imageresponsive--full-on-mobile:not(.block-imageresponsive--hasmaxwidth),
312    .layout > .column > .blocks > .block-imageresponsive.block-imageresponsive--full-on-mobile.block-imageresponsive--hasmaxwidth {
313        margin-inline: auto;
314    }
315    </style>
316    <style data-src="assets/css/blocks/text.css">
317    .block-text {
318        display: grid;
319        justify-content: var(--text-align, left);
320    }
321    
322    .block-text p {
323        max-width: 65ch;
324        text-wrap-style: pretty;
325    }
326    </style>
327    <link href="https://www.typejockeys.com/assets/css/blocks/spacer.css?1740514801" rel="stylesheet">
328    <link href="https://www.typejockeys.com/assets/css/blocks/carousel.css?1744896851" rel="stylesheet">
329    <style data-src="assets/css/blocks/carousel.tablet.css" media="(min-width: 47.9375rem)">
330    .block-carousel--controls {
331        gap: .5rem;
332    }
333    </style>
334    <style data-src="assets/css/blocks/heading.css">
335    .block-heading {
336        text-wrap-style: pretty;
337    }
338    </style>
339    <style data-src="assets/css/blocks/box.css">
340    .block-box {
341        --background: none;
342        --layout-padding-top: 0;
343        --layout-padding-right: 0;
344        --layout-padding-bottom: 0;
345        --layout-padding-left: 0;
346    }
347    
348    .block-box > .block-box--styles {
349        border-radius: 1rem;
350        overflow: hidden;
351        background: var(--background, transparent);
352        padding:
353            var(--layout-padding-top, 0)
354            var(--layout-padding-right, 0)
355            var(--layout-padding-bottom, 0)
356            var(--layout-padding-left, 0)
357        ;
358    }
359    </style>
360    <style data-src="assets/css/blocks/button.css">
361    /* General button styles are defined in the main.css */
362    
363    .apply-button-styles .block-button--inbetween {
364        height: 0;
365    }
366    
367    .apply-button-styles .block-button--inbetween button,
368    .apply-button-styles .block-button--inbetween .button {
369        margin-block: calc(var(--button-height) / -2);
370        position: relative;
371        z-index: 10;
372    }
373    </style>
374    <link href="https://www.typejockeys.com/assets/css/blocks/newsletterform.css?1755542306" rel="stylesheet">
375    <link href="https://www.typejockeys.com/assets/css/michi.css?1751538306" rel="stylesheet">
376    <style>
377        :root {
378            --accent-color: #ff4451;
379            --default--color: #000000;
380            --default--color-a-hover: #ff4451;
381        }
382    </style>
383
384    <!-- Dynamische Meta-Tags mit Kirby CMS -->
385    <meta property="og:locale" content="en_US" />
386    <meta property="og:type" content="website" />
387    <meta property="og:title" content="Typejockeys · Type Design, Logos & Lettering" />
388    <meta property="og:description" content="Unique typographic solutions with Viennese charm: From fonts to lettering for logos and branding. We offer high quality typographic work and type design." />
389    <meta property="og:url" content="https://www.typejockeys.com/en" />
390    <meta property="og:site_name" content="Typejockeys" />
391    <meta property="article:modified_time" content="2026-02-02T17:30:05+01:00" />
392
393    <meta property="og:image" content="https://www.typejockeys.com/media/pages/home/2e8c925a9b-1756806538/marie-teaser-og.png" />
394    <meta property="og:image:width" content="1024" />
395    <meta property="og:image:height" content="538" />
396
397    <meta name="twitter:card" content="summary_large_image" />
398    <meta name="twitter:title" content="Typejockeys · Type Design, Logos & Lettering" />
399    <meta name="twitter:description" content="Unique typographic solutions with Viennese charm: From fonts to lettering for logos and branding. We offer high quality typographic work and type design." />
400
401    
402    
402<script type="application/ld+json">
403    {
404	    "@context": "https://schema.org",
405	    "@graph": [
406	        {
407	            "@type": "WebSite",
408	            "@id": "https://www.typejockeys.com/en#website",
409	            "url": "https://www.typejockeys.com/en",
410	            "name": "Typejockeys",
411	            "description": "Home",
412	            "inLanguage": "en-US",
413	            "potentialAction": [
414	                {
415	                    "@type": "SearchAction",
416	                    "target": {
417	                        "@type": "EntryPoint",
418	                        "urlTemplate": "https://www.typejockeys.com/en/search/?q={search_term_string}"
419	                    },
420	                    "query-input": "required name=search_term_string"
421	                }
422	            ]
423	        },
424	        {
425	            "@type": "ImageObject",
426	            "@id": "https://www.typejockeys.com/en#primaryimage",
427	            "inLanguage": "en-US",
428	            "url": "https://www.typejockeys.com/media/pages/home/2e8c925a9b-1756806538/marie-teaser-og.png",
429	            "contentUrl": "https://www.typejockeys.com/media/pages/home/2e8c925a9b-1756806538/marie-teaser-og.png",
430	            "width": 1024,
431	            "height": 538
432	        },
433	        {
434	            "@type": "WebPage",
435	            "@id": "https://www.typejockeys.com/en#webpage",
436	            "url": "https://www.typejockeys.com/en",
437	            "name": "Typejockeys · Type Design, Logos & Lettering",
438	            "isPartOf": {
439	                "@id": "https://www.typejockeys.com/en#website"
440	            },
441	            "description": "Unique typographic solutions with Viennese charm: From fonts to lettering for logos and branding. We offer high quality typographic work and type design.",
442	            "breadcrumb": {
443	                "@id": "https://www.typejockeys.com/en#breadcrumb"
444	            },
445	            "inLanguage": "en-US",
446	            "potentialAction": [
447	                {
448	                    "@type": "ReadAction",
449	                    "target": [
450	                        "https://www.typejockeys.com/en"
451	                    ]
452	                }
453	            ],
454	            "datePublished": "2025-03-04T19:44:59+01:00",
455	            "dateModified": "2026-02-02T17:30:05+01:00"
456	        },
457	        {
458	            "@type": "BreadcrumbList",
459	            "@id": "https://www.typejockeys.com/en#breadcrumb",
460	            "itemListElement": [
461	                {
462	                    "@type": "ListItem",
463	                    "position": 1,
464	                    "name": "Typejockeys"
465	                }
466	            ]
467	        }
468	    ]
469	}
470    </script>
470
471<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 471-472
471
472<script async src="https://www.googletagmanager.com/gtag/js?id=
472G-RK1W6WHFQB
vendor: 12 bytes, line 472
472"></script>
473<script>
vendor: 128 bytes, lines 474-478
474window.dataLayer = window.dataLayer || [];
475function gtag(){dataLayer.push(arguments);}
476gtag('js', new Date());
477
478gtag('config', '
478G-RK1W6WHFQB
vendor: 4 bytes, line 478
478');
479</script>
479
480<!-- Meta Pixel Code --> 
480<script>
vendor: 417 bytes, line 480
480   !function(f,b,e,v,n,t,s)   {if(f.fbq)return;n=f.fbq=function(){n.callMethod?   n.callMethod.apply(n,arguments):n.queue.push(arguments)};   if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';   n.queue=[];t=b.createElement(e);t.async=!0;   t.src=v;s=b.getElementsByTagName(e)[0];   s.parentNode.insertBefore(t,s)}(window, document,'script',   'https://connect.facebook.net/en_US/fbevents.js');   fbq('init', '
480561772487528595
vendor: 33 bytes, line 480
480');    fbq('track', 'PageView'); 
480</script>
480 <noscript>   <img height="1" width="1" style="display:none"   src="https://www.facebook.com/tr?id=DEINE_PIXEL_ID&ev=PageView&noscript=1"/> </noscript> <!-- End Meta Pixel Code -->
481<!-- Pinterest Tag -->
482<script>
483!function(e){if(!window.pintrk){window.pintrk = function () {
484window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
485n=window.pintrk;n.queue=[],n.version="3.0";var
486t=document.createElement("script");t.async=!0,t.src=e;var
487r=document.getElementsByTagName("script")[0];
488r.parentNode.insertBefore(t,r)}}("https://s.pinimg.com/ct/core.js");
489
490pintrk('load', 'pina_AIA2RFAWABCQ2AAAGBAJWB6BG73ZBFQBAAAABZT4CG6G7TNGI7NRMS3Q4PDFTF55OOVZG62OBDBMWSKYXFGXATHXUPJF7NQA', {
491em: '<user_email_address>' // Optional, für besseres Tracking
492});
493pintrk('page');
494</script>
494
495<noscript>
496<img height="1" width="1" style="display:none;" alt=""
497src="https://ct.pinterest.com/v3/?event=init&tid=YOUR_TAG_ID&noscript=1" />
498</noscript>
499<!-- End Pinterest Tag -->
500<!-- Google Tag Manager -->
501<script>
vendor: 327 bytes, lines 501-505
501(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
502new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
503j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
504'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
505})(window,document,'script','dataLayer','
505GTM-KD4WQHGG
vendor: 3 bytes, line 505
505');
505</script>
505
506<!-- End Google Tag Manager -->
507</head>
508<body>
509
510
511
512<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 512-513
512
513<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
513GTM-KD4WQHGG
vendor: 83 bytes, lines 513-514
513"
514height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
515<!-- End Google Tag Manager (noscript) -->
516<header class="overlay">
517    <div class="header-inner">
518        <a href="https://www.typejockeys.com/en" class="logo"><?xml version="1.0" encoding="UTF-8"?>
519<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1590 410">
520  <!-- Generator: Adobe Illustrator 29.2.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 116)  -->
521  <path d="M1265.992835,143.5681171c4.7006565,0,8.3832608,2.6052302,8.3832608,13.5951287,0,16.7393736-22.4852303,58.6027661-40.2698041,58.6027661-3.9074675.1202177-7.5737165-1.8851008-9.5808564-5.2403891,13.7426086-40.8153262,37.2757694-66.9575056,41.4673997-66.9575056ZM637.2455347,140.573596c4.7006565,0,6.2874913,5.240412,6.2874913,11.9780845,0,21.4407708-25.6289303,60.6989446-40.8087084,60.6989446-4.8193013.0359145-9.1732975-2.8711507-10.9881021-7.3365676,15.1498086-35.6647576,37.6349932-65.4901853,45.4793497-65.4901853l.0299696.1497238ZM829.3128465,177.0468642c-6.796426-2.9945211-17.7845738-2.9945211-29.9403476-.5090631v-2.6052302c0-15.1822212,6.796426-29.9452113,17.7845738-29.9452113,11.9761391,0,19.341439,8.9835634,19.341439,35.5749142-.4486301,13.2494743-2.3767344,26.4072775-5.7485869,39.2282336-14.6408739-.5090631-24.5809998-8.9835634-28.7726302-24.5850157,7.8734123-5.6349005,16.7576586-9.7015452,26.1678346-11.9780845l1.1677174-5.180543ZM726.6773385,30.5548962c-1.0479304,27.2201975-9.9402173,58.6027775-9.9402173,58.6027775l10.9881021,8.3846569c14.1318477-6.7975643,44.9105671-28.7773499,44.9105671-42.9114875.0598478-17.8174001-24.521152-24.0759469-45.9584519-24.0759469ZM826.5882639,232.5054197c-9.9402173,30.8735055-26.6768607,58.0637628-41.9164867,58.0637628-11.4970825,0-17.2755477-10.4508723-17.2755477-25.1240304.3575335-19.9098233,6.7352077-39.244603,18.2935085-55.4585441,10.0300347,12.5769796,24.6709086,21.8899421,40.8985258,22.5188117ZM1131.5606924,16.8998986c8.9821043,0,15.6887129,7.845645,15.6887129,23.0278691,0,20.9616479-17.7845738,51.2662042-54.9105866,53.3623713,15.1498086-51.7453528,29.2516867-76.3603159,39.1919041-76.3603159l.0299696-.0299245ZM237.0328905,381.0935433c-7.335376,0-17.7845738-1.5571638-17.7845738-13.0860655,0-14.6432065,35.0601443-30.8735055,71.1382724-35.5749028-15.1498086,35.5749028-30.8385672,48.6609683-53.3536986,48.6609683ZM1341.2927911,386.3040266c-13.5929434,0-19.8804347-8.9835634-19.8804347-21.9797741,0-14.6432065,21.4372999-32.9397324,64.8508039-58.0637628-15.0300216,59.1118178-26.6468911,80.0435369-44.9703693,80.0435369ZM441.0464403,275.5067449c-6.7964717,0-8.9821043-4.1923341-8.9821043-5.240412l-2.9940348.5090631c-2.0360131,3.4714622-2.9460195,7.4888159-2.6047956,11.4989502,0,10.9898871,7.8443565,21.4407822,23.0241346,21.4407822,50.7488801,0,84.7311929-100.975256,84.7311929-135.502081,0-16.230299-3.6527261-43.9595711-31.9164215-43.9595711-15.1797782,0-34.0122367,14.1341434-78.4736712,106.215668l-4.1916304-1.0480778c5.7485413-20.3926816,14.1318477-46.5648012,21.4372999-71.1498284,8.9821043-29.9452113-6.2874913-37.6710813-27.7247455-37.6710813-25.1199498,96.7829219-46.5572497,174.2212401-62.2459855,257.5288169l39.7608008,21.9797969c2.9940348-29.286413,7.335376-58.0637628,12.545013-88.4282052,55.958517-120.8588745,80.0305364-160.0870967,89.4617733-160.0870967,2.0958152,0,2.6047956,1.5571524,2.6047956,4.7013973-.0300153,30.154804-32.4554172,119.0920723-54.4316214,119.0920723v.1198064ZM82.21135,64.0336433c-35.5691305,0-52.8447124,24.5850157-52.8447124,50.7571354,0,35.0658397,21.4372884,61.2080191,53.8926257,73.245984,12.5654572-6.1516057,26.2880213-9.5802538,40.2697699-10.0615928,3.4743705,4.7221303,5.2949315,10.4583431,5.1796788,16.320131,0,13.0860655-8.3832951,19.3446037-21.9762156,19.3446037-8.8206637-.3636687-17.5848032-1.5872296-26.1678631-3.6533194-14.2996272,11.1532844-22.4554435,28.4344028-21.9762156,46.5648127,0,28.2383351,16.2276686,36.1139175,29.9403476,36.1139175,47.6051516,0,72.1861857-72.1979062,94.6713817-213.988477-38.7428171-7.8456364-74.8508691-14.6431951-100.9887969-14.6431951ZM260.0570252,121.5883316c-10.4491978,46.0257979-38.7128704,108.8209096-38.7128704,150.6843022,0,21.4407594,8.9821043,36.6230034,23.5331151,36.6230034,24.5510759,0,39.2517976-35.0957913,78.4437017-105.1675902l3.6527261,1.5571409c-10.9881021,47.0738758-20.9582433,83.8465915-30.8684911,111.4261284-59.1022398,4.1923341-99.9109254,28.2383351-99.9109254,50.2181092,0,25.6330935,24.5810227,38.7191819,50.2099758,38.7191819,72.18618,0,84.7311929-84.744957,130.7794394-258.9661971,5.2395837-19.8836185-11.9761391-23.956169-26.6768379-23.956169l-88.3540179,153.1997118-2.9940348-1.55714
52109c19.2516444-67.4965089,34.9104563-118.792659,34.9104563-133.4358655,0-15.152281-16.2276858-18.8355406-34.0122367-19.3446152ZM636.1676804,263.8879883c-11.1794323,9.1638213-21.5106705,19.3163656-30.8684911,30.3344908-3.0852684.6965634-6.2383795,1.0480778-9.4012673,1.0480778-13.0839173,0-19.880389-7.3365676-19.880389-26.6811942,0-16.7393621,4.7006565-35.0658397,10.9881021-52.8533025,4.6233569,12.6527839,16.869542,20.8867346,30.3295868,20.3926816,26.1678803,0,52.305791-33.4787471,52.305791-70.6407538,0-23.0278634-12.545013-41.3243893-48.1141606-41.3243893-45.5093193,0-87.3659125,80.5825516-87.3659125,136.0410957,0,35.5749028,22.4851846,48.1219536,54.4016062,48.1219536l6.2874913-.5090631c-8.9065407,15.1172232-13.744436,32.2847951-14.042076,49.8288526,0,33.4787243,23.5331151,42.9114932,40.8087084,42.9114932,27.7247455,0,67.9945039-17.2783997,104.6115819-184.6721124l12.545013-57.5546997c5.7485413-27.2201975-8.9821043-32.9397324-32.425402-32.9397324l-18.2935542,79.5344738c-32.425402,140.742493-55.4495366,177.3654735-72.18618,177.3654735-5.7485413,0-10.9881021-5.240412-10.9881021-21.4407822,0-16.7393621,6.7964717-42.3724785,18.2935542-58.0637628,17.7845738-5.240412,34.0122367-15.1822212,34.0122367-26.1721082-.0898631-10.1214732-12.634876-12.7266919-21.0181368-12.7266919ZM338.5306736,101.1656984c-35.0601443,0-76.3778332-6.2884898-116.7673558-14.6432065-27.1858411,185.7501418-68.4137012,222.8822084-128.9830231,222.8822084-34.0122367,0-61.1980722-18.8355406-61.1980722-52.3142877,0-27.729272,14.6408282-43.9595711,28.7726702-54.9195065v-1.0480778c-23.1438845-6.8275274-58.7130164-27.7592236-58.7130164-70.6407653,0-44.4686399,33.4733081-88.4282109,106.7074014-88.4282109,55.4495252,0,132.875266,16.7393736,191.4685254,16.7393736,48.6530649,0,91.0186614-13.5951229,109.8511199-41.3243921,6.8956546,6.0163637,10.7305281,14.808323,10.4491978,23.956169,0,37.2518473-36.6170324,59.7406959-81.5874473,59.7406959ZM884.1036461,249.2447818c0,43.4205563,26.6768607,60.1599185,52.305791,60.1599185,33.4732867,0,64.8508039-36.6229806,87.3659125-82.1397154l2.0958609.5090631c-3.6527261,20.3926816-7.8443565,42.3724785-11.4970825,65.8794648l34.0121911,17.2783768c16.2277086-76.3902403,59.102217-162.1832638,79.521556-162.1832638,2.9940348,0,6.2874913,2.0961671,6.2874913,10.9898985,0,18.8355406-21.4372999,50.2181092-41.9164867,55.4585212-1.5568652,63.3041748,4.7006565,91.5425099,29.9403476,91.5425099,16.2277086,0,33.4732867-19.3446037,50.2099301-44.4686342,1.0479304,33.4787471,23.9522781,48.6609683,48.6530649,48.6609683,27.215765,0,56.4974214-18.8355406,84.2222125-50.2181321v7.3365676c0,21.4407822,8.9821043,36.1139175,23.5330694,36.1139175,24.5809998,0,41.9164867-35.5749028,80.5694864-105.6766533l4.1916304,1.5571409c-8.3832608,34.5268249-15.1797782,63.3041748-21.9762042,87.8891905-77.4257865,40.2763-97.3061298,55.4585212-97.3061298,77.4383182,0,30.3344908,32.4253563,42.9114704,55.958517,42.9114704,40.8087084,0,55.958517-41.9232958,75.3299256-118.2536557l32.4554172-17.7574198c4.1916304,26.1721082,25.6289303,37.1320665,47.6051345,37.1320665,37.6649171,0,64.8508039-27.2201861,64.8508039-63.3041748,0-38.7191591-47.6051345-48.1219536-47.6051345-83.1877932,0-17.7874514,13.0840087-23.5369379,21.4372999-23.5369379s11.9761391,4.1923341,11.9761391,8.9835634c0,6.2884898-4.1917218,10.4508838-4.1917218,19.8836185,0,15.1822212,10.9880564,22.4888601,23.5330694,27.2201861,4.1917218-11.9780845,11.9761391-23.5369379,11.9761391-37.1320665,0-17.7874514-14.6408739-32.4306693-44.9105215-32.4306693-27.7247911,0-54.9105866,17.7874514-54.9105866,50.2181207,0,39.7672483,43.9524998,46.0257865,43.9524998,84.2358825,0,20.3926816-13.0839173,32.9397324-26.1678346,32.9397324s-21.4372999-8.3846683-21.4372999-21.4407822c-.1857566-4.0474195.8580621-8.0562515,2.9940348-11.4989502,10.9881478-5.240412,15.1797782-11.9780845,15.1797782-20.9616479-.2228531-5.9609412-2.4365822-11.6752785-6.2874913-16.230299-19.6420486.4102525-36.064194,15.0566575-38.7128476,34.5268249l-27.0960694,13.1160172c8.9821043-34.0177618,18.2935085-73.7550471,31.3775172-119.271782,5.7485869-19.8836185-11.9761391-23.5369379-26.6768607-23.5369379l-88.4138429,146.3422557-2.9940348-1.0480778c19.341439-67.4965089,36.617078-113.0132323,36.617078-127.6564388,0-15.1822212-15.6887129-18.8355406-33.4732867-19.3446037-7.3354217,33.4787471-25.1199955,70.6407538-35.0601215,104.6285641-31.9164215,41.3244007-63.8328431,59.6508554-83.1742821,59.6508554-8.9821043,0-13.5929434-8.3846683-13.5929434-21.9797969-.0560102-16.2753749,2.1918915-32.4767504,6.676639-48.1219307,3.6527261,8.9835634,13.0839173,16.23
5210299,26.6768607,16.230299,25.1199955,0,52.8446953-30.8735055,52.8446953-69.0536499,0-21.9797855-13.0839173-39.7672369-48.6530649-39.7672369-34.0121911,0-64.8508039,51.2662099-75.8388604,98.3700144-15.6887129,26.6811714-29.9403476,47.0738758-37.6649171,47.0738758-9.9402173,0-12.545013-37.1320665-13.5929434-63.8431895,11.4970825-5.240412,45.509365-23.956169,45.509365-53.9013803,0-21.4407708-15.6887129-29.9452113-29.9403476-29.9452113-31.3775172,0-55.4494909,38.1801444-72.72513,83.8465915l-3.6527261-.5090631c7.8443565-39.2282222,15.6887129-72.7369209,23.5330694-99.9271668,56.4974214-2.9945211,84.7311473-34.0177618,84.7311473-58.6027775,0-32.9397324-24.5809998-47.6128848-52.305791-47.6128848-20.9582433,0-41.3176432,19.8836185-62.2460083,88.937274-55.2398866-8.3846797-102.4259037-40.8153433-119.162547-78.4864188-13.0839173,2.9945211-22.4852303,14.6432065-22.4852303,30.3345022,0,42.9114875,71.6771995,61.2080077,136.5280035,64.8613271l-8.9821043,34.5268249c-32.8744432,94.8664302-80.4796691,146.0128565-101.0187037,146.0128565-16.7366434,0-18.8325042-14.6432065-18.8325042-29.286413,0-51.8052246,32.4253563-111.9651431,60.1501474-111.9651431,1.7921447.2606201,3.0902481,1.8445599,2.9940348,3.6533194,0,7.8456422-26.1678346,31.38258-31.9164215,52.8533025-4.7006565,15.1822212,5.2395608,23.956169,21.9762042,30.3344908,19.8804347-38.1801444,32.9343824-65.4003419,32.9343824-77.4383182s-14.3413607-32.4306693-40.3595301-32.4306693c-11.9761391,0-38.7128476,17.2783883-59.6412127,45.5167234-13.0839173,16.23
52103104-26.1678346,28.2383466-38.1739432,35.5749142.5090261-7.3365676,1.0479304-14.1341434,1.0479304-21.4407708,0-38.1801444-21.4372999-61.2080077-51.2578605-61.2080077s-46.0182997,25.633105-46.0182997,55.4585326c-.0910052,2.625632.0794925,5.2538.5090261,7.8456422-21.4372999,13.0860655-40.8087084,37.1320665-40.8087084,74.2940618,0,40.8153147,30.3295868,50.2181092,54.9105866,50.2181092,42.3655736,0,69.0424343-42.3724785,78.4736256-87.3801274,7.6962446-3.3882557,14.9057575-7.7891773,21.4372999-13.0860655-4.0338332,12.5195895-6.193014,25.5673188-6.4072783,38.7191819Z"/>
522</svg></a>
523        <nav class="mainnav" aria-label="Main menu">
524                        <button class="mainnav-toggle-button" aria-haspopup="dialog" aria-expanded="false" title="open menu" aria-label="open menu" data-text-open="open menu" data-text-close="close menu"><div class="mainnav-toggle-button--lines"></div></button>
525            <ul class="mainnav-content">
526                                    <li><a href="https://www.typejockeys.com/en/fonts">Buy Typefaces</a></li>
527                                    <li><a href="https://www.typejockeys.com/en/projects">Custom Projects</a></li>
528                                    <li><a href="https://www.typejockeys.com/en/info">About</a></li>
529                                                <li>
530                    <div class="icon icon-search">
531                        <button type="button" onclick="document.querySelector('.dialog-searchform')?.showModal(); "><svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
532    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9">
533        <g id="Hauptmenü" transform="translate(-503, -39)" fill="#303A3D">
534            <g id="Group-2" transform="translate(-0, 31)">
535                <path d="M513.384615,14.3459288 C513.384615,13.2341594 512.98905,12.2830463 512.199043,11.4928147 C511.408811,10.7028081 510.457698,10.3072423 509.345929,10.3072423 C508.234159,10.3072423 507.283046,10.7028081 506.492815,11.4928147 C505.702808,12.2830463 505.307242,13.2341594 505.307242,14.3459288 C505.307242,15.4576983 505.702808,16.4088114 506.492815,17.199043 C507.283046,17.9890496 508.234159,18.3846154 509.345929,18.3846154 C510.457698,18.3846154 511.408811,17.9890496 512.199043,17.199043 C512.98905,16.4088114 513.384615,15.4576983 513.384615,14.3459288 L513.384615,14.3459288 Z M518,21.8468289 C518,22.1589164 517.885695,22.4296022 517.657986,22.6579863 C517.429602,22.8856954 517.158916,23 516.846829,23 C516.521691,23 516.25168,22.8856954 516.034771,22.6579863 L512.942473,19.574688 C511.867605,20.3201428 510.667857,20.6927577 509.345929,20.6927577 C508.486394,20.6927577 507.664437,20.525801 506.880505,20.1918877 C506.096574,19.8586493 505.420647,19.4077313 504.851824,18.8400336 C504.284126,18.2721109 503.833208,17.5961838 503.500195,16.8113525 C503.166057,16.0274211 503,15.2054632 503,14.3459288 C503,13.4863945 503.166057,12.6644366 503.500195,11.8805052 C503.833208,11.0965739 504.284126,10.4206468 504.851824,9.85182407 C505.420647,9.28412637 506.096574,8.83320833 506.880505,8.50019501 C507.664437,8.16605664 508.486394,8 509.345929,8 C510.205463,8 511.027421,8.16605664 511.811352,8.50019501 C512.596184,8.83320833 513.272111,9.28412637 513.840034,9.85182407 C514.407731,10.4206468 514.858649,11.0965739 515.191888,11.8805052 C515.525801,12.6644366 515.692758,13.4863945 515.692758,14.3459288 C515.692758,15.6678567 515.320143,16.8676047 514.574688,17.9424727 L517.666987,21.0347714 C517.889296,21.2570803 518,21.5277661 518,21.8468289 L518,21.8468289 Z" id="Page-1"></path>
536            </g>
537        </g>
538    </g>
539</svg> search</button>
540                    </div>
541                </li>
542                                <li>
543                    <div class="icon icon-cart">
544                        <fontdue-cart-button></fontdue-cart-button>
545                        <svg width="18.4246759px" height="14.7705038px" viewBox="0 0 18.4246759 14.7705038" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
546    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9">
547        <g id="Hauptmenü" transform="translate(-549.2138, -39.125)" fill="#303A3D">
548            <g id="Group-2" transform="translate(-0, 31)">
549                <path d="M553.388301,8.125 L549.213836,8.125 L549.213836,9.96621245 L551.975505,9.96621245 L552.261835,11.0969008 L553.830168,17.3514643 L565.783849,17.3514643 L567.638512,9.96621245 L553.875239,9.96621245 L553.388301,8.125 Z M566.711181,21.0542913 C566.711181,20.0344837 565.894316,19.2130788 564.876844,19.2130788 C563.860844,19.2130788 563.042801,20.033301 563.042801,21.0542913 C563.042801,22.0740989 563.859666,22.8955038 564.876844,22.8955038 
549C565.893138,22.8955038 566.711181,22.0740989 566.711181,21.0542913 L566.711181,21.0542913 Z M556.591837,21.0542913 C556.591837,20.0344837 555.774972,19.2130788 554.757795,19.2130788 C553.741795,19.2130788 552.902837,20.0344837 552.902837,21.0542913 C552.902837,22.0740989 553.719702,22.8955038 554.737174,22.8955038 C555.753174,22.8955038 556.591837,22.0740989 556.591837,21.0542913 L556.591837,21.0542913 Z" id="Combined-Shape"></path>
550            </g>
551        </g>
552    </g>
553</svg>                    </div>
554                </li>
555            </ul>
556        </nav>
557    </div>
558        </header><main class="apply-button-styles">
559<section class="layout margin-trim-block layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-full); --layout-padding-left-base-px: var(--inline-padding-base-full-px); --layout-padding-right-base: var(--inline-padding-base-full); --layout-padding-right-base-px: var(--inline-padding-base-full-px); --background: #0041ff; ">
560        <div class="column margin-trim-block" style="--span:12">
561    <div class="blocks">
562                    <figure class="block block-imageresponsive block-imageresponsive--hasmaxwidth block-imageresponsive--full-on-mobile" style="--block-imageresponsive--maxwidth: 93.75rem; --block-imageresponsive--maxwidth-px: 1500; ">
563            <a class="block-imageresponsive--link" href="https://www.typejockeys.com/en/font/marie">
564    
565    <picture><source media="(max-width: 47.875rem)" srcset="https://www.typejockeys.com/media/pages/home/cd4f9bcbfb-1754490873/marie-home-s.png" /><source media="(min-width: 47.9375rem) and (max-width: 61.9375rem)" srcset="https://www.typejockeys.com/media/pages/home/d9a0712169-1754490873/marie-home-m.png" /><source media="(min-width: 62rem)" srcset="https://www.typejockeys.com/media/pages/home/5b3e33aa6a-1754490884/marie-home-l.png" /><img src="https://www.typejockeys.com/media/pages/home/5b3e33aa6a-1754490884/marie-home-l.png" data-pin-media="https://www.typejockeys.com/media/pages/home/cd4f9bcbfb-1754490873/marie-home-s.png" alt="" data-pin-description="" /></picture>
566                                <span class="block-imageresponsive--linktext mouseover-pill">New Typeface</span>
567                </a>
568    </figure>
569            </div>
570  </div>
571  </section>
572<section class="layout margin-trim-block idsistpfl1fd ide5z0t3wnfn6 layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-content); --layout-padding-left-base-px: var(--inline-padding-base-content-px); --layout-padding-right-base: var(--inline-padding-base-content); --layout-padding-right-base-px: var(--inline-padding-base-content-px); --text-align: center; ">
573        <div class="column margin-trim-block" style="--span:12">
574    <div class="blocks">
575                    <div class="block block-text ide5z0t3wnfn6" style=""><div>
576  <p>Unique typographic solutions with Viennese charm: From <a href="https://www.typejockeys.com/en/fonts">fonts</a> to <a href="https://www.typejockeys.com/en/projects">lettering</a> for <a href="https://www.typejockeys.com/en/logo-redesign" title="">logos</a> and branding.</p></div></div>                    <div class="block block-spacer" style="--block-spacer--negative: calc((var(--if-general) * -1.875rem) + (var(--if-tablet) * -1.875rem) + (var(--if-desktopsmall) * -1.875rem) + (var(--if-desktoplarge) * -1.875rem)) /* (-30|—|—|—) */; --block-spacer--positive: 0; "></div>            </div>
577  </div>
578  </section>
579<section class="layout margin-trim-block layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-content); --layout-padding-left-base-px: var(--inline-padding-base-content-px); --layout-padding-right-base: var(--inline-padding-base-content); --layout-padding-right-base-px: var(--inline-padding-base-content-px); ">
580        <div class="column margin-trim-block" style="--span:12">
581    <div class="blocks">
582                    <div class="block block-carousel block-carousel--consistent" style="--block-carousel--height: calc((var(--if-general) * 23.75rem) + (var(--if-tablet) * 25rem) + (var(--if-desktopsmall) * 28.125rem) + (var
582(--if-desktoplarge) * 34.375rem)) /* (380|400|450|550) */; --block-carousel--gap: var(--size-style-set-idwu8wu09efv); --block-carousel--aspectratio: 4/5; --block-carousel--objectfit: cover; ">
583    <div class="block-carousel--top">
584                <div class="block-carousel--controls block-carousel--buttoncolorscheme-light">
585            <button class="block-carousel--controls-prev" title="previous" aria-label="previous">
586                <svg width="40px" height="40px" viewBox="0 0 40 40">
587                    <circle id="Oval" cx="20" cy="20" r="20"></circle>
588                    <g transform="translate(20, 20) scale(-1, 1) translate(-20, -20)">
589                        <g fill="none" transform="translate(11.2, 12)" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.33333333">
590                            <polyline points="8.19512195 0 16.7487805 8.4 8.19512195 16.8"></polyline>
591                            <line x1="16.5695122" y1="8.4" x2="-9.67559366e-15" y2="8.4"></line>
592                        </g>
593                    </g>
594                </svg>
595            </button>
596            <button class="block-carousel--controls-next" title="next" aria-label="next">
597                <svg width="40px" height="40px" viewBox="0 0 40 40">
598                    <circle id="Oval" cx="20" cy="20" r="20"></circle>
599                    <g>
600                        <g fill="none" transform="translate(11.2, 12)" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.33333333">
601                            <polyline points="8.19512195 0 16.7487805 8.4 8.19512195 16.8"></polyline>
602                            <line x1="16.5695122" y1="8.4" x2="-9.67559366e-15" y2="8.4"></line>
603                        </g>
604                    </g>
605                </svg>
606            </button>
607        </div>
608    </div>
609    <ul class="block-carousel--list">
610<li><a href="https://www.typejockeys.com/en/project/birkengold"><img src="https://www.typejockeys.com/media/pages/project/birkengold/6c7c549552-1769443932/birkengold-carousel-clean.png" data-pin-description="Birkengold" data-pin-media="https://www.typejockeys.com/media/pages/project/birkengold/6c7c549552-1769443932/birkengold-carousel-clean.png" /><span class="mouseover-pill">Birkengold</span></a></li><li><a href="https://www.typejockeys.com/en/project/wiener-staedtische"><img src="https://www.typejockeys.com/media/pages/project/wiener-staedtische/a9d3eb925c-1738008873/wiener-staedtische-teaser.jpg" data-pin-description="Wiener Städtische" data-pin-media="https://www.typejockeys.com/media/pages/project/wiener-staedtische/a9d3eb925c-1738008873/wiener-staedtische-teaser.jpg" /><span class="mouseover-pill">Wiener Städtische</span></a></li><li><a href="https://www.typejockeys.com/en/project/corsage"><img src="https://www.typejockeys.com/media/pages/project/corsage/805241a83c-1747380340/corsage-carousel.png" data-pin-description="Corsage" data-pin-media="https://www.typejockeys.com/media/pages/project/corsage/805241a83c-1747380340/corsage-carousel.png" /><span class="mouseover-pill">Corsage</span></a></li><li><a href="https://www.typejockeys.com/en/project/lask"><img src="https://www.typejockeys.com/media/pages/project/lask/42bc398b01-1770373640/lask-carousel.jpg" data-pin-description="LASK" data-pin-media="https://www.typejockeys.com/media/pages/project/lask/42bc398b01-1770373640/lask-carousel.jpg" /><span class="mouseover-pill">LASK</span></a></li><li><a href="https://www.typejockeys.com/en/project/drei"><img src="https://www.typejockeys.com/media/pages/project/drei/63fd9e124d-1742942252/drei-carousel.png" data-pin-description="Drei" data-pin-media="https://www.typejockeys.com/media/pages/project/drei/63fd9e124d-1742942252/drei-carousel.png" /><span class="mouseover-pill">Drei</span></a></li><li><a href="https://www.typejockeys.com/en/project/post-sans"><img src="https://www.typejockeys.com/media/pages/project/post-sans/9bb2ef1273-1738248643/post-sans-carousel.jpg" data-pin-description="Post Sans" data-pin-media="https://www.typejockeys.com/media/pages/project/post-sans/9bb2ef1273-1738248643/post-sans-carousel.jpg" /><span class="mouseover-pill">Post Sans</span></a></li><li>
610<a href="https://www.typejockeys.com/en/project/joyn"><img src="https://www.typejockeys.com/media/pages/project/joyn/561d52d45e-1754572597/joyn-carousel.jpg" data-pin-description="JOYN" data-pin-media="https://www.typejockeys.com/media/pages/project/joyn/561d52d45e-1754572597/joyn-carousel.jpg" /><span class="mouseover-pill">JOYN</span></a></li><li><a href="https://www.typejockeys.com/en/project/zillertal-bier"><img src="https://www.typejockeys.com/media/pages/project/zillertal-bier/8709394670-1769778967/zillertal-bier-carousel.jpg" data-pin-description="Zillertal Bier" data-pin-media="https://www.typejockeys.com/media/pages/project/zillertal-bier/8709394670-1769778967/zillertal-bier-carousel.jpg" /><span class="mouseover-pill">Zillertal Bier</span></a></li><li><a href="https://www.typejockeys.com/en/project/eww"><img src="https://www.typejockeys.com/media/pages/project/eww/9fb2dc4b3f-1769533189/eww-carousel.png" data-pin-description="eww" data-pin-media="https://www.typejockeys.com/media/pages/project/eww/9fb2dc4b3f-1769533189/eww-carousel.png" /><span class="mouseover-pill">eww</span></a></li><li><a href="https://www.typejockeys.com/en/project/harkamp"><img src="https://www.typejockeys.com/media/pages/project/harkamp/5992dff29c-1748963418/harkamp-carousel-closeup.png" data-pin-description="Harkamp" data-pin-media="https://www.typejockeys.com/media/pages/project/harkamp/5992dff29c-1748963418/harkamp-carousel-closeup.png" /><span class="mouseover-pill">Harkamp</span></a></li><li><a href="https://www.typejockeys.com/en/project/piatnik"><img src="https://www.typejockeys.com/media/pages/project/piatnik/fa9a172122-1742836139/piatnik-carousel.jpg" data-pin-description="Piatnik" data-pin-media="https://www.typejockeys.com/media/pages/project/piatnik/fa9a172122-1742836139/piatnik-carousel.jpg" /><span class="mouseover-pill">Piatnik</span></a></li><li><a href="https://www.typejockeys.com/en/project/espresso-kultur"><img src="https://www.typejockeys.com/media/pages/project/espresso-kultur/751c78b7c2-1738008871/espresso-kultur-caroussel.png" data-pin-description="Espresso Kultur" data-pin-media="https://www.typejockeys.com/media/pages/project/espresso-kultur/751c78b7c2-1738008871/espresso-kultur-caroussel.png" /><span class="mouseover-pill">Espresso Kultur</span></a></li><li><a href="https://www.typejockeys.com/en/project/austrian-lager"><img src="https://www.typejockeys.com/media/pages/project/austrian-lager/c4a0cb3d06-1738008872/austrian-lager-teaser.jpg" data-pin-description="Austrian Lager" data-pin-media="https://www.typejockeys.com/media/pages/project/austrian-lager/c4a0cb3d06-1738008872/austrian-lager-teaser.jpg" /><span class="mouseover-pill">Austrian Lager</span></a></li></ul></div>            </div>
611  </div>
612  </section>
613<section class="layout margin-trim-block idspunjr8szcr idzavn1bdx9o layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-text); --layout-padding-left-base-px: var(--inline-padding-base-text-px); --layout-padding-right-base: var(--inline-padding-base-text); --layout-padding-right-base-px: var(--inline-padding-base-text-px); --text-align: center; ">
614        <div class="column margin-trim-block" style="--span:12">
615    <div class="blocks">
616                    <h2 class="block block-heading id11ap645nda" style="--text-align: center; ">Clients that walz with us:</h2>
617            </div>
618  </div>
619  </section>
620<section class="layout margin-trim-block ida3eqmio6gy layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-site); --layout-padding-left-base-px: var(--inline-padding-base-site-px); --layout-padding-right-base: var(--inline-padding-base-site); --layout-padding-right-base-px: var(--inline-padding-base-site-px); --background: #f3f3f3; ">
621        <div class="column margin-trim-block" style="--span:12">
622    <div class="blocks">
623                    <figure class="block block-imageresponsive block-imageresponsive--full-on-mobile" style="">
624    
625    <picture><source media="(max-width: 47.875rem)" srcset="https://www.typejockeys.com/media/pages/info/8c0285f176-1752222383/typejockeys-client-logos-s.svg" /><source media="(min-width: 47.9375rem) and (max-width: 61.9375rem)" srcset="https://www.t
625ypejockeys.com/media/pages/info/1b1ea88843-1752222383/typejockeys-client-logos-m.svg" /><source media="(min-width: 62rem)" srcset="https://www.typejockeys.com/media/pages/info/e040c8f006-1752222383/typejockeys-client-logos-l.svg" /><img src="https://www.typejockeys.com/media/pages/info/e040c8f006-1752222383/typejockeys-client-logos-l.svg" data-pin-media="https://www.typejockeys.com/media/pages/info/8c0285f176-1752222383/typejockeys-client-logos-s.svg" alt="" data-pin-description="" /></picture>
626    </figure>
627                    <div class="block block-spacer" style="--block-spacer--negative: 0; --block-spacer--positive: calc((var(--if-general) * 3.125rem) + (var(--if-tablet) * 3.125rem) + (var(--if-desktopsmall) * 3.125rem) + (var(--if-desktoplarge) * 3.125rem)) /* (50|—|—|—) */; "></div>            </div>
628  </div>
629  </section>
630<section class="layout margin-trim-block layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-content); --layout-padding-left-base-px: var(--inline-padding-base-content-px); --layout-padding-right-base: var(--inline-padding-base-content); --layout-padding-right-base-px: var(--inline-padding-base-content-px); --background: #f3f3f3; ">
631        <div class="column margin-trim-block" style="--span:12">
632    <div class="blocks">
633                    <div class="block block-box"><div class="block-box--styles margin-trim-block idjdylynap9h" style="--text-align: center; --background: #ffffff; ">
634    <h2 class="block block-heading id11ap645nda" style="">Elevate your brand!</h2>
635    <div class="block block-text id00jeuw1hir" style=""><div>
636  <p>Blending heritage and vision to shape memorable wordmarks since 2008.</p></div></div>    <figure class="block block-imageresponsive block-imageresponsive--full-on-mobile" style="">
637            <a class="block-imageresponsive--link" href="https://www.typejockeys.com/en/logo-redesign">
638    
639    <picture><source media="(max-width: 47.875rem)" srcset="https://www.typejockeys.com/media/pages/home/2f320973b9-1752167123/redesign-ani-s.gif" /><source media="(min-width: 47.9375rem) and (max-width: 61.9375rem)" srcset="https://www.typejockeys.com/media/pages/home/5505089516-1752166957/redesign-ani-m.gif" /><source media="(min-width: 62rem)" srcset="https://www.typejockeys.com/media/pages/home/ff45dd89f0-1752166791/logo-redesign-ani.gif" /><img src="https://www.typejockeys.com/media/pages/home/ff45dd89f0-1752166791/logo-redesign-ani.gif" data-pin-media="https://www.typejockeys.com/media/pages/home/2f320973b9-1752167123/redesign-ani-s.gif" alt="" data-pin-description="" /></picture>
640                                <span class="block-imageresponsive--linktext mouseover-pill">Logo Redesigns</span>
641                </a>
642    </figure>
643</div></div>            </div>
644  </div>
645  </section>
646<section class="layout margin-trim-block id0k4hxkvlm34g idzavn1bdx9o layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-text); --layout-padding-left-base-px: var(--inline-padding-base-text-px); --layout-padding-right-base: var(--inline-padding-base-text); --layout-padding-right-base-px: var(--inline-padding-base-text-px); --text-align: center; ">
647        <div class="column margin-trim-block" style="--span:12">
648    <div class="blocks">
649                    <h2 class="block block-heading id11ap645nda" style="">If it’s about letters, <br>we’re in!</h2>
650            </div>
651  </div>
652  </section>
653<section class="layout margin-trim-block layout-multiple-columns" style="--layout-padding-left-base: var(--inline-padding-base-site); --layout-padding-left-base-px: var(--inline-padding-base-site-px); --layout-padding-right-base: var(--inline-padding-base-site); --layout-padding-right-base-px: var(--inline-padding-base-site-px); --layout-column-count: 2; ">
654        <div class="column margin-trim-block" style="--span:6">
655    <div class="blocks">
656                    <div class="block block-box"><div class="block-box--styles margin-trim-block" style="--background: #ffe141; ">
657    <figure class="block block-imageresponsive block-imageresponsive--full-on-mobile" style="">
658            <a class="block-imageresponsive--link" href="https://www.t
658ypejockeys.com/en/project/pez">
659    
660    <picture><source media="(max-width: 47.875rem)" srcset="https://www.typejockeys.com/media/pages/home/588b3b924a-1754555468/pez-carousel.jpg" /><source media="(min-width: 47.9375rem)" srcset="https://www.typejockeys.com/media/pages/home/37e6ade230-1754555186/pez-teaser-home.svg" /><img src="https://www.typejockeys.com/media/pages/home/37e6ade230-1754555186/pez-teaser-home.svg" data-pin-media="https://www.typejockeys.com/media/pages/home/588b3b924a-1754555468/pez-carousel.jpg" alt="" data-pin-description="" /></picture>
661                                <span class="block-imageresponsive--linktext mouseover-pill">PEZ</span>
662                </a>
663    </figure>
664</div></div>            </div>
665  </div>
666    <div class="column margin-trim-block" style="--span:6">
667    <div class="blocks">
668                    <div class="block block-box"><div class="block-box--styles margin-trim-block" style="--background: #ffe141; ">
669    <figure class="block block-imageresponsive block-imageresponsive--full-on-mobile" style="">
670            <a class="block-imageresponsive--link" href="https://www.typejockeys.com/en/project/birkengold">
671    
672    <picture><source media="(max-width: 47.875rem)" srcset="https://www.typejockeys.com/media/pages/home/5be4d1f7b4-1750166189/birkengold-carousel-clean.png" /><source media="(min-width: 47.9375rem)" srcset="https://www.typejockeys.com/media/pages/home/76b2a4c672-1754555186/birkengold-teaser-home.png" /><img src="https://www.typejockeys.com/media/pages/home/76b2a4c672-1754555186/birkengold-teaser-home.png" data-pin-media="https://www.typejockeys.com/media/pages/home/5be4d1f7b4-1750166189/birkengold-carousel-clean.png" alt="" data-pin-description="" /></picture>
673                                <span class="block-imageresponsive--linktext mouseover-pill">Birkengold</span>
674                </a>
675    </figure>
676</div></div>            </div>
677  </div>
678  </section>
679<section class="layout margin-trim-block layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-content); --layout-padding-left-base-px: var(--inline-padding-base-content-px); --layout-padding-right-base: var(--inline-padding-base-content); --layout-padding-right-base-px: var(--inline-padding-base-content-px); ">
680        <div class="column margin-trim-block" style="--span:12">
681    <div class="blocks">
682                    <div class="block block-spacer" style="--block-spacer--negative: 0; --block-spacer--positive: var(--size-style-set-idwu8wu09efv); "></div>            </div>
683  </div>
684  </section>
685<section class="layout margin-trim-block layout-multiple-columns" style="--layout-padding-left-base: var(--inline-padding-base-site); --layout-padding-left-base-px: var(--inline-padding-base-site-px); --layout-padding-right-base: var(--inline-padding-base-site); --layout-padding-right-base-px: var(--inline-padding-base-site-px); --layout-column-count: 3; --layout-column-gap: var(--size-style-set-idwu8wu09efv); --layout-column-gap-px: var(--size-style-set-idwu8wu09efv-px); --layout-row-gap: var(--size-style-set-idwu8wu09efv); --layout-row-gap-px: var(--size-style-set-idwu8wu09efv-px); ">
686        <div class="column margin-trim-block" style="--span:4">
687    <div class="blocks">
688                    <div class="block block-box"><div class="block-box--styles margin-trim-block" style="--background: #fe828a; ">
689    <figure class="block block-imageresponsive block-imageresponsive--full-on-mobile" style="">
690            <a class="block-imageresponsive--link" href="https://www.typejockeys.com/en/project/brandnertal">
691    
692    <picture><source media="" srcset="https://www.typejockeys.com/media/pages/home/311b48c6d2-1750166146/brandnertal-carousel.png" /><img src="https://www.typejockeys.com/media/pages/home/311b48c6d2-1750166146/brandnertal-carousel.png" data-pin-media="https://www.typejockeys.com/media/pages/home/311b48c6d2-1750166146/brandnertal-carousel.png" alt="" data-pin-description="" /></picture>
693                                <span class="block-imageresponsive--linktext mouseover-pill">Brandnertal</span>
694                </a>
695    </figure>
696</div></div>            </div>
697  </div>
698    <div class="column margin-trim-block" style="--span:4">
699    <div class="blocks">
700                    <div class="block block-box"><div class="block-box--styles margin-trim-block" style="">
701    <figure class="block block-imageresponsive block-imageresponsive--full-on-mobile" style="">
702            <a class="block-imageresponsive--link" href="https://www.t
702ypejockeys.com/en/project/less-is-more">
703    
704    <picture><source media="" srcset="https://www.typejockeys.com/media/pages/home/2bf88bdf39-1751033101/less-is-morecarousel-2.png" /><img src="https://www.typejockeys.com/media/pages/home/2bf88bdf39-1751033101/less-is-morecarousel-2.png" data-pin-media="https://www.typejockeys.com/media/pages/home/2bf88bdf39-1751033101/less-is-morecarousel-2.png" alt="" data-pin-description="" /></picture>
705                                <span class="block-imageresponsive--linktext mouseover-pill">Less is More</span>
706                </a>
707    </figure>
708</div></div>            </div>
709  </div>
710    <div class="column margin-trim-block" style="--span:4">
711    <div class="blocks">
712                    <div class="block block-box"><div class="block-box--styles margin-trim-block" style="">
713    <figure class="block block-imageresponsive block-imageresponsive--full-on-mobile" style="">
714            <a class="block-imageresponsive--link" href="https://www.typejockeys.com/en/project/turkis">
715    
716    <picture><source media="" srcset="https://www.typejockeys.com/media/pages/home/160f3d70a2-1754555342/turkis-carousel.png" /><img src="https://www.typejockeys.com/media/pages/home/160f3d70a2-1754555342/turkis-carousel.png" data-pin-media="https://www.typejockeys.com/media/pages/home/160f3d70a2-1754555342/turkis-carousel.png" alt="" data-pin-description="" /></picture>
717                                <span class="block-imageresponsive--linktext mouseover-pill">Türkis</span>
718                </a>
719    </figure>
720</div></div>            </div>
721  </div>
722  </section>
723<section class="layout margin-trim-block idfjl13dpk1u layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-text); --layout-padding-left-base-px: var(--inline-padding-base-text-px); --layout-padding-right-base: var(--inline-padding-base-text); --layout-padding-right-base-px: var(--inline-padding-base-text-px); --text-align: center; ">
724        <div class="column margin-trim-block" style="--span:12">
725    <div class="blocks">
726                    <h2 class="block block-heading id11ap645nda" style="">Test our library</h2>
727                    <div class="block block-text id00jeuw1hir" style=""><div>
728  <p>Discover all our typefaces. Get instant access to Typejockeys Trial Fonts and try them out – without limitations!</p></div></div>            </div>
729  </div>
730  </section>
731<section class="layout margin-trim-block idom4gpn8b5w layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-content); --layout-padding-left-base-px: var(--inline-padding-base-content-px); --layout-padding-right-base: var(--inline-padding-base-content); --layout-padding-right-base-px: var(--inline-padding-base-content-px); ">
732        <div class="column margin-trim-block" style="--span:12">
733    <div class="blocks">
734                    <figure class="block block-imageresponsive block-imageresponsive--full-on-mobile" style="">
735            <a class="block-imageresponsive--link" href="https://www.typejockeys.com/en/fonts">
736    
737    <picture><source media="(max-width: 47.875rem)" srcset="https://www.typejockeys.com/media/pages/home/7d42ec7451-1742826946/typejockeys-typefaces-s.png" /><source media="(min-width: 47.9375rem) and (max-width: 61.9375rem)" srcset="https://www.typejockeys.com/media/pages/home/bb5343508a-1742825466/typejockeys-typefaces-m.svg" /><source media="(min-width: 62rem)" srcset="https://www.typejockeys.com/media/pages/home/1f52ffd0f3-1742825466/typejockeys-typefaces-l.svg" /><img src="https://www.typejockeys.com/media/pages/home/1f52ffd0f3-1742825466/typejockeys-typefaces-l.svg" data-pin-media="https://www.typejockeys.com/media/pages/home/7d42ec7451-1742826946/typejockeys-typefaces-s.png" alt="" data-pin-description="" /></picture>
738                                <span class="block-imageresponsive--linktext mouseover-pill">Buy Typefaces</span>
739                </a>
740    </figure>
741            </div>
742  </div>
743  </section>
744<section class="layout margin-trim-block ida3eqmio6gy layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-text); --layout-padding-left-base-px: var(--inline-padding-base-text-px); --layout-padding-right-base: var(--inline-padding-base-text); --layout-padding-right-base-px: var(--inline-padding-base-text-px); --text-align: center; ">
745        <div class="column margin-trim-block" style="--span:12">
746    <div class="blocks">
747                    <div class="block block-spacer" style="--block-spacer--negative: 0;
747 --block-spacer--positive: var(--size-style-set-idwu8wu09efv); "></div>                    <div class="block block-button margin-trim-block">
748    <button class="button" type="button" onclick="document.querySelector('.dialog-trialfontsform')?.showModal(); ">Download Free Trials</button></div>            </div>
749  </div>
750  </section>
751<section class="layout margin-trim-block idom4gpn8b5w layout-multiple-columns" style="--layout-padding-left-base: var(--inline-padding-base-content); --layout-padding-left-base-px: var(--inline-padding-base-content-px); --layout-padding-right-base: var(--inline-padding-base-content); --layout-padding-right-base-px: var(--inline-padding-base-content-px); --layout-column-count: 2; --layout-column-gap: var(--size-style-set-idwu8wu09efv); --layout-column-gap-px: var(--size-style-set-idwu8wu09efv-px); --layout-row-gap: var(--size-style-set-idwu8wu09efv); --layout-row-gap-px: var(--size-style-set-idwu8wu09efv-px); --background: #ffffff; ">
752        <div class="column margin-trim-block" style="--span:6">
753    <div class="blocks">
754                    <div class="block block-box"><div class="block-box--styles margin-trim-block idjdylynap9h" style="--text-align: center; --background: #f3f3f3; ">
755    <h3 class="block block-heading id11ap645nda" style="">Type.<br>Your branding<br>asset!</h3>
756    <div class="block block-text id00jeuw1hir" style=""><div>
757  <p>To everyone working with brands:<br>We help teams understand <br>how to use type strategically. </p></div></div>    <div class="block block-button margin-trim-block">
758    <a class="button" href="https://www.typejockeys.com/en/info">Learn more</a></div></div></div>            </div>
759  </div>
760    <div class="column margin-trim-block" style="--span:6">
761    <div class="blocks">
762                    <div class="block block-box"><div class="block-box--styles margin-trim-block idjdylynap9h" style="--text-align: center; --background: #77e7a7; ">
763    <h3 class="block block-heading id11ap645nda" style="">One license<br>for everything!<br>Easy Peasy.</h3>
764    <div class="block block-text id00jeuw1hir" style=""><div>
765  <p>Only the client pays!<br>Learn about our new licensing <br>model in our FAQs.</p></div></div>    <div class="block block-button margin-trim-block">
766    <a class="button" href="https://www.typejockeys.com/en/licensing">FAQ Licensing</a></div></div></div>            </div>
767  </div>
768  </section>
769<section class="layout margin-trim-block idnf6xlbg1i1 ide5z0t3wnfn6 layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-content); --layout-padding-left-base-px: var(--inline-padding-base-content-px); --layout-padding-right-base: var(--inline-padding-base-content); --layout-padding-right-base-px: var(--inline-padding-base-content-px); --text-align: center; ">
770        <div class="layout-labels-list labels-list">
771            <div class="layout-labels-listitem labels-listitem" style="
772                                "></div>
773        </div>
774        <div class="column margin-trim-block" style="--span:12">
775    <div class="blocks">
776                    <div class="block block-text ide5z0t3wnfn6" style="--text-align: center; "><div>
777  <p>Thinking together. Designing. <br>Whole-heartedly, with or without serifs!</p></div></div>            </div>
778  </div>
779  </section>
780<section class="layout margin-trim-block idfjl13dpk1u layout-single-column" style="--layout-padding-left-base: var(--inline-padding-base-text); --layout-padding-left-base-px: var(--inline-padding-base-text-px); --layout-padding-right-base: var(--inline-padding-base-text); --layout-padding-right-base-px: var(--inline-padding-base-text-px); --background: #f3f3f3; ">
781        <div class="column margin-trim-block" style="--span:12">
782    <div class="blocks">
783                    <h3 class="block block-heading id11ap645nda" style="--text-align: center; ">Stay in the loop!</h3>
784                    <div class="block block-spacer" style="--block-spacer--negative: 0; --block-spacer--positive: var(--size-style-set-idwu8wu09efv); "></div>                    <form class="block-newsletterform" data-ajax-url="https://www.t
784ypejockeys.com/api.newsletter" id="block_newsletterform_6abf5a0166fb1">
785    <input type="hidden" name="lang" value="en" />
786    <div class="block-newsletterform--message" aria-hidden="true">.</div>
787    <div class="block-newsletterform--fields">
788        <div class="block-newsletterform--field">
789            <label for="block_newsletterform_6abf5a0166fb1_name">Name</label>
790            <input type="text" name="name" class="textfield" required="required" id="block_newsletterform_6abf5a0166fb1_name" />
791        </div>
792        <div class="block-newsletterform--field">
793            <label for="block_newsletterform_6abf5a0166fb1_email">Email</label>
794            <input type="email" name="email" class="textfield" required="required" id="block_newsletterform_6abf5a0166fb1_email" />
795        </div>
796    </div>
797    <div class="block-newsletterform--terms">
798        <div class="block-newsletterform--terms-checkbox">
799            <input type="checkbox" name="terms" value="1" required="required" />
800            <svg width="12px" height="10px" viewBox="0 0 12 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
801    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
802    <title>check</title>
803    <desc>Created with Sketch.</desc>
804    <defs></defs>
805    <g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
806        <g id="Assets" transform="translate(-588.000000, -589.000000)" fill="#fff">
807            <path d="M599.804685,590.463063 C599.872313,590.520125 599.880555,590.620088 599.823705,590.686871 L592.896674,598.943007 C592.861804,598.984429 592.809814,599.004295 592.759516,598.999223 C592.728238,598.996687 592.695903,598.984429 592.669486,598.962027 L588.057242,595.092003 C587.989614,595.034942 587.980526,594.93519 588.037376,594.867351 L589.463063,593.168403 C589.520125,593.100775 589.620088,593.092533 589.687716,593.149383 L592.48055,595.493123 L597.881085,589.057242 C597.938146,588.989614 598.038109,588.980526 598.104892,589.037376 L599.804685,590.463063 Z" id="check"></path>
808        </g>
809    </g>
810</svg>        </div>
811        <div class="block-newsletterform--terms-text">
812            <div class="block-newsletterform--terms-text-inner">I accept the <a href="/@/page/TjKCsAy1gb0CNAR9" target="_blank">privacy policy</a> and the processing of my personal data.</div>
813        </div>
814    </div>
815    <div class="block-newsletterform--controls">
816        <button class="button"><span class="button__text">Subscribe</span></button>
817    </div>
818</form>
819            </div>
820  </div>
821  </section>
822    </main>
823<footer>
824    <div class="footer-inner">
825        <ul class="footer-social-media">
826                                    <li><a href="https://www.instagram.com/typejockeys" title="Instagram" target="_blank" aria-label="Instagram"><img src="https://www.typejockeys.com/media/site/287784e61b-1742830749/icon-instagramm.svg" /></a></li>
827                                                <li><a href="https://www.pinterest.com/typejockeys" title="Pinterest" target="_blank" aria-label="Pinterest"><img src="https://www.typejockeys.com/media/site/3f687baf06-1738148022/pinterest-icon-neg.png" /></a></li>
828                                                <li><a href="https://www.behance.net/MichaelHochleitner" title="Behance" target="_blank" aria-label="Behance"><img src="https://www.typejockeys.com/media/site/8bfa104a0e-1738147873/behance-icon-neg.png" /></a></li>
829                                                <li><a href="https://fontstand.com/foundries/typejockeys" title="Fontstand" target="_blank" aria-label="Fontstand"><img src="https://www.typejockeys.com/media/site/f1bf1269ae-1738147981/fontstand-icon-neg.png" /></a></li>
830                            </ul>
831                <div class="footer-bottom">
832            <nav class="footer-bottom-legalmenu" aria-label="Legal menu">
833                                <ul class="footer-bottom-legalmenu-list">
834                                            <li><a href="https://www.typejockeys.com/en/licensing">Licensing</a></li>
835                                            <li>
835<a href="https://www.typejockeys.com/en/legal">Legal</a></li>
836                                            <li><a href="https://www.typejockeys.com/en/privacy-policy">Privacy</a></li>
837                                    </ul>
838                                <div class="footer-bottom-legalmenu-copyright">© 2026 Typejockeys</div>
839            </nav>
840                        <nav class="footer-bottom-langmenu" aria-label="Language menu">
841                <ul>
842                                    <li><a href="https://www.typejockeys.com/de" hreflang="de" title="Deutsch">de</a></li>
843                                    <li class="active"><a href="https://www.typejockeys.com/en" hreflang="en" title="English">en</a></li>
844                                </ul>
845            </nav>
846                    </div>
847    </div>
848</footer>
849
850<dialog class="dialog dialog-trialfontsform dialog--auto-autofocus apply-button-styles">
851    <header class="dialog-header">
852        <h1>Trial Fonts</h1>
853        <button class="dialog-header-close-button" onclick="this.closest('dialog')?.close(); " title="close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.46,12L19,17.54V19H17.54L12,13.46L6.46,19H5V17.54L10.54,12L5,6.46V5H6.46L12,10.54L17.54,5H19V6.46L13.46,12Z" /></svg> close</button>
854    </header>
855    <fontdue-test-fonts-form download-label="Get download link" agreement-label="I accept the &lt;a href=&quot;/@/page/TjKCsAy1gb0CNAR9&quot; target=&quot;_blank&quot;&gt;privacy policy&lt;/a&gt; and agree to the &lt;a href=&quot;https://www.typejockeys.com/typejockeys-eula-trial.pdf&quot;&gt;End User License Agreement&lt;/a&gt;"></fontdue-test-fonts-form>
856</dialog>
857
858<dialog class="dialog dialog-searchform apply-button-styles">
859    <header class="dialog-header">
860        <h1>Search website</h1>
861        <button class="dialog-header-close-button" onclick="this.closest('dialog')?.close(); " title="close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.46,12L19,17.54V19H17.54L12,13.46L6.46,19H5V17.54L10.54,12L5,6.46V5H6.46L12,10.54L17.54,5H19V6.46L13.46,12Z" /></svg> close</button>
862    </header>
863    <form action="https://www.typejockeys.com/en/search" class="textfield-with-button" style="--textfield_with_button--width: 30rem; --textfield_with_button--max-width: 100%; ">
864        <input type="search" class="textfield" aria-label="Search" name="q" value="" autofocus="autofocus">
865        <button aria-label="search"><svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
866    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9">
867        <g id="Hauptmenü" transform="translate(-503, -39)" fill="#303A3D">
868            <g id="Group-2" transform="translate(-0, 31)">
869                <path d="M513.384615,14.3459288 C513.384615,13.2341594 512.98905,12.2830463 512.199043,11.4928147 C511.408811,10.7028081 510.457698,10.3072423 509.345929,10.3072423 C508.234159,10.3072423 507.283046,10.7028081 506.492815,11.4928147 C505.702808,12.2830463 505.307242,13.2341594 505.307242,14.3459288 C505.307242,15.4576983 505.702808,16.4088114 506.492815,17.199043 C507.283046,17.9890496 508.234159,18.3846154 509.345929,18.3846154 C510.457698,18.3846154 511.408811,17.9890496 512.199043,17.199043 C512.98905,16.4088114 513.384615,15.4576983 513.384615,14.3459288 L513.384615,14.3459288 Z M518,21.8468289 C518,22.1589164 517.885695,22.4296022 517.657986,22.6579863 C517.429602,22.8856954 517.158916,23 516.846829,23 C516.521691,23 516.25168,22.8856954 516.034771,22.6579863 L512.942473,19.574688 C511.867605,20.3201428 510.667857,20.6927577 509.345929,20.6927577 C508.486394,20.6927577 507.664437,20.525801 506.880505,20.1918877 C506.096574,19.8586493 505.420647,19.4077313 504.851824,18.8400336 C504.284126,18.2721109 503.833208,17.5961838 503.500195,16.8113525 C503.166057,16.0274211 503,15.2054632 503,14.3459288 C503,13.4863945 503.166057,12.6644366 503.500195,11.8805052 C503.833208,11.0965739 504.284126,10.4206468 504.851824,9.85182407 C505.420647,9.28412637 506.096574,8.83320833 506.880505,8.50019501 C507.664437,8.16605664 508.486394,8 509.345929,8 
869C510.205463,8 511.027421,8.16605664 511.811352,8.50019501 C512.596184,8.83320833 513.272111,9.28412637 513.840034,9.85182407 C514.407731,10.4206468 514.858649,11.0965739 515.191888,11.8805052 C515.525801,12.6644366 515.692758,13.4863945 515.692758,14.3459288 C515.692758,15.6678567 515.320143,16.8676047 514.574688,17.9424727 L517.666987,21.0347714 C517.889296,21.2570803 518,21.5277661 518,21.8468289 L518,21.8468289 Z" id="Page-1"></path>
870            </g>
871        </g>
872    </g>
873</svg></button>
874    </form>
875</dialog>
876
877<!-- Fontdue START -->
878<fontdue-store-modal></fontdue-store-modal>
879<script src="https://js.fontdue.com/fontdue.js"></script>
879<script>
880        fontdue.initialize({
881        url: 'https://fontdue.typejockeys.com',
882        config: {
883            typeTester: {
884                selectable: true,
885                textInput: true,
886                groupEdit: true,
887                //initialMode: 'global',
888                shy: true,
889                selectButton: true,
890                //selectButtonLabel: 'Buy',
891                //selectButtonStyle: 'inline',
892                //toolsPosition: 'floating',
893                //truncate: true,
894                bulletStyle: 'round',
895                autofitOnChange: false,
896                openTypeFeatures: {
897                    interactionStyle: 'select',
898                    columns: {
899                        //features: [
900                        //    {code: 'swsh', name: 'Swash Caps'},
901                        //    {code: 'calt', name: 'Alternates'}
902                        //],
903                        range: 2,
904                    },
905                    //selectionStyle: 'checkbox',
906                    buttonLabel: 'OT Features',
907                },
908                variableAxesPosition: 'auto',
909                //alignmentButtons: true,
910                initialAlignment: 'center',
911                size: {
912                    min: 20,
913                    max: 260,
914                    label: false,
915                },
916                //lineHeight: {
917                    //min: 6,
918                    //max: 480,
919                    //label: '',
920                //},
921                //priceText: true,
922            },
923            form: {
924                //checkboxStyle: 'cross',
925            },
926            storeModal: {
927                //indexLayout: 'styled-font-names',
928                productLicensesPosition: 'top',
929                //indexExcludeTags: ['tag1', 'tag2', 'tag3'],
930            },
931        },
932    });
933</script>
933
934<!-- Fontdue END -->
935
936
937<script>
938    /**
939     * Dynamically inserts and updates CSS property "--full-width"
940     */
941    (new ResizeObserver(function resizeCallback(entries) {
942        for (const entry of entries) {
943            entry.target.style.setProperty('--full-width', (entry.contentRect.width / 16) + 'rem');
944            entry.target.style.setProperty('--full-width-px', entry.contentRect.width);
945        }
946    })).observe(document.documentElement);
947
948    /** 
949     * Set properties and classes for sticky header
950     */
951    (function() {
952        const root = document.documentElement;
953        let headerHeight = null;
954        let headerMovedOut = false;
955        let prevScrollPos = root.scrollTop;
956        function updateHeaderClasses() {
957            headerMovedOut = prevScrollPos === 0 ? false : (headerMovedOut === true || prevScrollPos > headerHeight);
958            root.classList.toggle('header-fixed', headerMovedOut);
959            document.body.offsetWidth;
960            root.classList.toggle('header-fixed-animated', headerMovedOut);
961        }
962        document.addEventListener('scroll', e => {
963            const scrollPos = root.scrollTop;
964            root.classList.toggle('scrolled-up', scrollPos < prevScrollPos);
965            root.style.setProperty('--scroll-y', scrollPos + 'px');
966            prevScrollPos = scrollPos;
967            updateHeaderClasses();
968        });
969        (new ResizeObserver(function(entries) {
970            for (const entry of entries) {
971                headerHeight = entry.contentRect.height;
972                root.style.setProperty('--header-height', (headerHeight / 16) + 'rem');
973                updateHeaderClasses();
974            }
975        })).observe(document.querySelector('body > header'));
976    })();
977</script>
vendor: 2 bytes, line 977
977
978<script src="https://www.typejockeys.com/assets/js/main.js?1755542306"></script>
978
979
980<script src="https://www.typejockeys.com/assets/js/blocks/carousel.js?1743365933"></script>
vendor: 1 bytes, line 980
980
981<script src="https://www.typejockeys.com/assets/js/blocks/newsletterform.js?1755542306"></script>
vendor: 2 bytes, line 981
981
982<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"de624fa15f3440379a1e1f0cd10e62fc","r":1,"spa":2}' crossorigin="anonymous"></script>
982
983</body>
984
985
986
987
988</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.