1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Typejockeys · Type Design, Logos & 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 <a href="/@/page/TjKCsAy1gb0CNAR9" target="_blank">privacy policy</a> and agree to the <a href="https://www.typejockeys.com/typejockeys-eula-trial.pdf">End User License Agreement</a>"></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.