1 2 3<!DOCTYPE html> 4<html lang="en-US"> 5<head> 6 <meta charset="utf-8" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 8 9 <link rel="home" href="https://www.tiro.com/" /> 10 <link href="https://www.tiro.com/build/main.e141c7ac285ededc7e2e.css" rel="stylesheet"> 11 12 <link rel="alternate" type="application/atom+xml" title="Tiro Typeworks Articles" href="https://www.tiro.com/articles/feed.atom" /> 13 14
14<script src="https://cdn.usefathom.com/script.js" data-site="WSJGBUMO" defer></script>
14 15 <title>Tiro Typeworks</title>
16<script>(function() { 17var tag = document.createElement('script'); 18tag.src = "https://cdn.usefathom.com/script.js"; 19tag.defer = true; 20tag.setAttribute("data-site", "WSJGBUMO"); 21var firstScriptTag = document.getElementsByTagName('script')[0]; 22firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 23})(); 24</script>
24<meta name="generator" content="SEOmatic"> 25<meta name="description" content="Tiro Typeworks is a digital type foundry founded by John Hudson & Ross Mills. We create custom fonts for multilingual publishing and computing."> 26<meta name="referrer" content="no-referrer-when-downgrade"> 27<meta name="robots" content="all"> 28<meta content="en_CA" property="og:locale"> 29<meta content="Tiro Typeworks" property="og:site_name"> 30<meta content="website" property="og:type"> 31<meta content="https://www.tiro.com/" property="og:url"> 32<meta content="Tiro Typeworks" property="og:title"> 33<meta content="Tiro Typeworks is a digital type foundry founded by John Hudson & Ross Mills. We create custom fonts for multilingual publishing and computing." property="og:description"> 34<meta content="https://cdn.tiro.com/_1200x630_crop_center-center_82_none/tiro-social-media-card.png?mtime=1718842603" property="og:image"> 35<meta content="1200" property="og:image:width"> 36<meta content="630" property="og:image:height"> 37<meta content="Tiro Typeworks is a digital type foundry founded by John Hudson & Ross Mills. We create custom fonts for multilingual publishing and computing." property="og:image:alt"> 38<meta content="https://twitter.com/tirotypeworks" property="og:see_also"> 39<meta name="twitter:card" content="summary_large_image"> 40<meta name="twitter:site" content="@tirotypeworks"> 41<meta name="twitter:creator" content="@tirotypeworks"> 42<meta name="twitter:title" content="Tiro Typeworks"> 43<meta name="twitter:description" content="Tiro Typeworks is a digital type foundry founded by John Hudson & Ross Mills. We create custom fonts for multilingual publishing and computing."> 44<meta name="twitter:image" content="https://cdn.tiro.com/_1200x630_crop_center-center_82_none/tiro-social-media-card.png?mtime=1718842603"> 45<meta name="twitter:image:width" content="1200"> 46<meta name="twitter:image:height" content="630"> 47<meta name="twitter:image:alt" content="Tiro Typeworks is a digital type foundry founded by John Hudson & Ross Mills. We create custom fonts for multilingual publishing and computing."> 48<link href="https://www.tiro.com/" rel="canonical"> 49<link href="https://www.tiro.com/" rel="home"></head> 50 51 52<body class=" relative"> 53 54 <div> 55 56 57 58 59 60 61<nav data-primarynav class="bg-primary white relative z2 line-height-1 relative z3 md-sticky top-0"> 62 <div class="px2 sm-px3 lg-px4 max-width-6 mx-auto"> 63 <div class="relative mxn2"> 64 <div class="md-flex justify-between items-center col-12"> 65 <div class="col-4 md-flex-auto flex items-center pr2 font-weight-600" style="min-width: 225px; height: 64px;"> 66 67 68 69 70 71<a class="text-decoration-none block h5 md-h6 lg-h5 line-height-1 nowrap white col-12" href="/"> <div class=""><div class="max-width-1"> 72 <img src="https://cdn.tiro.com/tiro-logo-white.svg" alt="Tiro Typeworks" class="block px2" style="transform: translateY(-4%); width: auto; height: auto;" width="769" height="108" /> 73 </div></div> 74</a> </div> 75 <div class="col-12 md-col-12"> 76 <button style="width: 64px; height: 64px" class="white bg-transparent cursor-pointer line-height-3 block border-none m0 absolute top-0 right-0" aria-controls="nav" data-primarynav-button aria-expanded="true"> 77 <svg viewBox="0 0 100 80" width="16" height="16" fill="currentColor" class="col-12"> 78 <title>Menu</title> 79 <rect y="0" width="100" height="10"></rect> 80 <rect y="35" width="100" height="10"></rect> 81 <rect y="70" width="100" height="10"></rect> 82 </svg> 83 </button> 84 <ul id="nav" data-primarynav-list class="block col-12 list-style-none m0 p0 md-flex items-center justify-between"> 85 86 87 88 89 90<li class="height-100"> <ul class="block list-style-none m0 mb2 md-my0 p0 md-flex items-center"> 91 92 <li class="subnav"> 93 94 95 96 97 98<a class="text-decoration-none block h5 md-h6 lg-h5 line-height-1 nowrap p2 white" href="/fonts"> <div class="py1">Fonts</div> 99</a> 100 101 <div class="subnav-menu absolute"><div class="shadow-nav"><ul class="list-style-none m0 p0 bg-white black h5 md-h4" style="min-width: 300px"><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/nyala"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/nyala-package/package-icons/Nyala-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 102 Nyala 103 104 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/cambria"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/cambria-package/package-icons/cambria-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 105 Cambria 106 107 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/constantia"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/constantia-package/package-icons/constantia-latin-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 108 Constantia 109 110 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/constantia-display"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/constantia-display-package/package-icons/constantia-display-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 111 Constantia Display 112 113 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/gabriola"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/gabriola-package/package-icons/gabriola-latin-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 114 Gabriola 115 116 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/sitka"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/sitka-subheading-package/package-icons/sitka-subheading-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 117 Sitka 118 119 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/skeena"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/skeena-ribbi/package-icons/skeena-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 120 Skeena 121 122 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/skeena-display"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/skeena-display-ribbi/package-icons/skeenadisplay-latin-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 123 Skeena Display 124 125 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/euphemia"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/euphemia-package/package-icons/euphemia-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 126 Euphemia 127 128 </div></div></a></li><li class="block"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 pr2 border-bottom border-white " href="https://www.tiro.com/fonts/laconia"><div class="flex items-center"><div class="bg-silver p1" style="width: 74px;"><div class="mx-auto" style="width: 34px;"><img class="block m0 mx-auto center" src="https://cdn.tiro.com/laconia/package-icons/laconia-complete-icon.svg" alt="" role="presentation" style="height: 28px; max-width: unset;"></div></div><div class="col-auto pl2" style="transform: translateY(10%)"> 129 Laconia 130 131 </div></div></a></li><li class="block border-top border-silver"><a class="hover-bg-silver hover-color-text h5 block black text-decoration-none line-height-2 border-top border-bottom border-white py2 px2 }}" href="https://www.tiro.com/fonts"><div> 132 View all fonts⦠133 </div></a></li></ul></div></div> 134 </li> 135 136 <li class=""> 137 138 139 140 141 142<a class="text-decoration-none block h5 md-h6 lg-h5 line-height-1 nowrap p2 white" href="/articles"> <div class="py1">Articles</div> 143</a> 144 145 </li> 146 147 <li class=""> 148 149 150 151 152 153<a class="text-decoration-none block h5 md-h6 lg-h5 line-height-1 nowrap p2 white" href="https://www.tiro.com/custom-fonts"> <div class="py1">Custom Fonts</div> 154</a> 155 156 </li> 157 158 <li class=""> 159 160 161 162 163 164<a class="text-decoration-none block h5 md-h6 lg-h5 line-height-1 nowrap p2 white" href="https://www.tiro.com/about"> <div class="py1">About</div> 165</a> 166 167 </li> 168 169 <li class=""> 170 171 172 173 174 175<a class="text-decoration-none block h5 md-h6 lg-h5 line-height-1 nowrap p2 white" href="https://www.tiro.com/license/general-license-agreement"> <div class="py1">License</div> 176</a> 177 178 </li> 179 </ul> 180</li> 181 182 183 184 185<li class="height-100 block" data-fragment="primarynav-account"></li> 186 187 </ul> 188 </div> 189 </div> 190 </div> 191 </div> 192</nav> 193 194<style> 195[data-primarynav-button] { 196 display: none; 197} 198 199[data-primarynav] img { 200 max-height: 64px; 201} 202 203@media (max-width: 831px) { 204 205 [data-primarynav-list] { 206 transition: max-height 0.4s; 207 overflow: hidden; 208 max-height: 0; 209 } 210 211 [data-primarynav-button] { 212 display: block; 213 } 214
215 [data-primarynav-button][aria-expanded="true"] + [data-primarynav-list] { 216 max-height: 500px; 217 } 218} 219</style> 220
221<script> 222 223class PrimaryNav { 224 constructor (el) { 225 if (!el) { 226 return 227 } 228 229 this.navItems = el.querySelectorAll('[data-primarynav-list] a') 230 this.toggleButton = el.querySelector('[data-primarynav-button]') 231 232 this._init() 233 } 234 235 _init() { 236 237 // On initial load or after resizing to a small enough size, 238 // collapse the menu, which is expanded by default in the HTML and CSS 239 let initMenu = () => { 240 if ( 241 window.matchMedia && 242 window.matchMedia('(max-width: 831px)').matches 243 ) { 244 closeMenu(); 245 } 246 }; 247 248 let closeMenu = () => { 249 this.toggleButton.setAttribute('aria-expanded', false); 250 }; 251 252 let openMenu = () => { 253 this.toggleButton.setAttribute('aria-expanded', true); 254 }; 255 256 let toggleMenu = () => { 257 let menuExpanded = this.toggleButton.getAttribute('aria-expanded'); 258 if (menuExpanded === 'false' || !menuExpanded) { 259 openMenu(); 260 } else { 261 closeMenu(); 262 } 263 }; 264 265 initMenu(); 266 this.toggleButton.addEventListener('click', toggleMenu); 267 268 for (const item of this.navItems) { 269 item.addEventListener('click', () => { 270 // Auto-close menu after click? 271 closeMenu(); 272 }); 273 } 274 275 if (window) { 276 window.addEventListener('resize', () => initMenu()); 277 } 278 } 279}; 280 281new PrimaryNav(document.querySelector('[data-primarynav]')) 282 283</script>
283 284 285 286 287 <main id="content" role="main" class="min-height-75vh "> 288 <h1 class="h2 sm-h1 hide">Tiro Typeworks</h1> 289 290 291 <div class="px2 sm-px3 lg-px4 max-width-6 mx-auto"> 292 <div class="bg-gray md-flex items-stretch overflow-hidden"> 293 294 <a 295 href="https://www.tiro.com/fonts/brill" 296 style="background: url(https://cdn.tiro.com/brill/visual-assets/_homeBannerLarge/brill-font-banner-1-large.png) no-repeat center center; 297 background: -webkit-image-set( url(https://cdn.tiro.com/brill/visual-assets/_homeBannerMedium/brill-font-banner-1-large.png) 1x, url(https://cdn.tiro.com/brill/visual-assets/_homeBannerLarge/brill-font-banner-1-large.png) 2x ) no-repeat center center; 298 -webkit-background-size: cover; 299 -moz-background-size: cover; 300 -o-background-size: cover; 301 background-size: cover;" 302 class="block col-7 xs-hide sm-hide md-show"> 303 </a> 304 305 <a href="https://www.tiro.com/fonts/brill"> 306 <img 307 class="block col-12 md-hide lg-hide" 308 srcset="https://cdn.tiro.com/brill/visual-assets/_imageSmall/brill-font-banner-1-large.png 750w, 309 https://cdn.tiro.com/brill/visual-assets/_imageMedium/brill-font-banner-1-large.png 1536w, 310 https://cdn.tiro.com/brill/visual-assets/_imageLarge/brill-font-banner-1-large.png 2560w" 311 src="https://cdn.tiro.com/brill/visual-assets/_imageSmall/brill-font-banner-1-large.png" 312 alt="" /> 313 </a> 314 315 <div class="bg-white shadow-left col-12 md-col-5 md-py4"> 316 <div class="mx-auto max-width-2 px2 pt2 pb3 sm-pt3 sm-pb4 md-px4"> 317 <header class="mt0 mb3"> 318 <h2 class="h2 my0 font-weight-400 caps">The Brill Types</h2> 319 <p class="muted line-height-3">John Hudson, assisted by Alice Savoie, Paul Hanslow and Kaja SÅojewska</p> 320 </header> 321 <div class="mt0 line-height-4 onum mb4 md-h5"> 322 <p>With more than 7,000 glyphs in each font, the complete Brill family is a serious tool for humanities scholarship and publishing, including extended Latin, polytonic Greek, Cyrillic, IPA, and extensive historical and symbol characters. The script-specific subset families provide less costly opptions for users with simpler text needs in modern languages.</p> 323 </div> 324 <div class="center"> 325 <a href="https://www.tiro.com/fonts/brill" class="btn btn-primary">Get Brill</a> 326 </div> 327 </div> 328 </div> 329 330 </div> 331 </div> 332 333 <div class="py4"> 334 <div class="mx-auto px2 sm-px3 lg-px4 max-width-5"> 335 336 337 338 339<div data-fragment="homepage-packages"></div> 340 </div> 341 <div class="center"> 342 <a href="/fonts" class="btn btn-outline mb3">View full catalogue</a> 343 </div> 344 </div> 345 346 <div class="py4"> 347 <div class="max-width-4 mx-auto center px2 sm-px3 lg-px4"> 348 <div class="mt0 h2 lg-h1 line-height-3"> 349 <p>Tiro Typeworks is a small company with international reach, responsible for some of the worldâs most widely used fonts.</p> 350 </div> 351 <a class="btn btn-primary mb3" href="/about">Learn more</a> 352 </div> 353 </div> 354 355 356 357 <div class="max-width-6 mx-auto"> 358 <div class="mx-auto px2 sm-px3 lg-px4"> 359 <h2 class="border-brown border-bottom pb1 mb3 font-weight-500">Recent Articles</h2> 360 </div> 361 <div class="px2 sm-px3 lg-px4 md-mb3 lg-mb4"> 362 <ul class="list-style-none p0 flex flex-wrap md-flex-nowrap items-stretch mt3 mxn1 sm-mxn2"> 363 364 <li class="flex mb2 sm-mb3 col-12 px1 sm-px2 md-col-6 lg-col-3"> 365 <div class="col-12 white bg-white"> 366 <div class="col-12"> 367 <a href="https://www.tiro.com/articles/reflections-on-the-common-swift" class="block"> 368 369 370<img class="block col-12 m0" src="https://cdn.tiro.com/reflections-on-the-common-swift/_articleThumbn
370ail/swift-article.jpg" srcset="https://cdn.tiro.com/reflections-on-the-common-swift/_1433x750_crop_center-center_none/swift-article.jpg 0.75x, https://cdn.tiro.com/reflections-on-the-common-swift/_articleThumbnail/swift-article.jpg, https://cdn.tiro.com/reflections-on-the-common-swift/_3820x2000_crop_center-center_none/swift-article.jpg 2x" width="1910" height="1000" alt="Swift article"> 371 </a> 372 </div> 373 <a href="https://www.tiro.com/articles/reflections-on-the-common-swift" class="col-12 p2 block md-max-width-2 text-decoration-none black"> 374 <h3 class="h4 font-weight-600 line-height-3 mt1 mb0 black font-weight-600">On the common swift</h3> 375 <p class="mt0"><span class="text-decoration-none brown">John Hudson</span></p> 376 <p class="h6 sm-h5 mb3">A short text prepared for the <span class="numbers">2015</span> ISType typography conference, considering how we understand emergent traits, in type as in birds.</p> 377 </a> 378 </div> 379 </li> 380 381 <li class="flex mb2 sm-mb3 col-12 px1 sm-px2 md-col-6 lg-col-3"> 382 <div class="col-12 white bg-white"> 383 <div class="col-12"> 384 <a href="https://www.tiro.com/articles/microsoft-fonts" class="block"> 385 386 387<img class="block col-12 m0" src="https://cdn.tiro.com/microsoft-fonts/_articleThumbn
387ail/M-Product-article_2025-10-06-205029_uhgb.jpg" srcset="https://cdn.tiro.com/microsoft-fonts/_1433x750_crop_center-center_none/M-Product-article_2025-10-06-205029_uhgb.jpg 0.75x, https://cdn.tiro.com/microsoft-fonts/_articleThumbnail/M-Product-article_2025-10-06-205029_uhgb.jpg, https://cdn.tiro.com/microsoft-fonts/_3820x2000_crop_center-center_none/M-Product-article_2025-10-06-205029_uhgb.jpg 2x" width="1910" height="1000" alt="M Product article"> 388 </a> 389 </div> 390 <a href="https://www.tiro.com/articles/microsoft-fonts" class="col-12 p2 block md-max-width-2 text-decoration-none black"> 391 <h3 class="h4 font-weight-600 line-height-3 mt1 mb0 black font-weight-600">License Microsoft fonts from Tiro Typeworks</h3> 392 <p class="mt0"><span class="text-decoration-none brown">John Hudson</span></p> 393 <p class="h6 sm-h5 mb3">Introducing the first tranche of Microsoft fonts available for licensing from the makers, Tiro Typeworks.</p> 394 </a> 395 </div> 396 </li> 397 398 <li class="flex mb2 sm-mb3 col-12 px1 sm-px2 md-col-6 lg-col-3"> 399 <div class="col-12 white bg-white"> 400 <div class="col-12"> 401 <a href="https://www.tiro.com/articles/beneventan" class="block"> 402 403 404<img class="block col-12 m0" src="https://cdn.tiro.com/beneventan/_articleThumbn
404ail/Beneventan-article.jpg" srcset="https://cdn.tiro.com/beneventan/_1433x750_crop_center-center_none/Beneventan-article.jpg 0.75x, https://cdn.tiro.com/beneventan/_articleThumbnail/Beneventan-article.jpg, https://cdn.tiro.com/beneventan/_3820x2000_crop_center-center_none/Beneventan-article.jpg 2x" width="1910" height="1000" alt="Beneventan article"> 405 </a> 406 </div> 407 <a href="https://www.tiro.com/articles/beneventan" class="col-12 p2 block md-max-width-2 text-decoration-none black"> 408 <h3 class="h4 font-weight-600 line-height-3 mt1 mb0 black font-weight-600">The Beneventan Memory</h3> 409 <p class="mt0"><span class="text-decoration-none brown">John Hudson</span></p> 410 <p class="h6 sm-h5 mb3">In two parts: a meditation on the way technological change filters our memories of past practices, including ways of writing, and reflections on a workshop in which <span class="caps">MATD</span> students adapted a neglected historical script to new typographic styles.</p> 411 </a> 412 </div> 413 </li> 414 415 <li class="flex mb2 sm-mb3 col-12 px1 sm-px2 md-col-6 lg-col-3"> 416 <div class="col-12 white bg-white"> 417 <div class="col-12"> 418 <a href="https://www.tiro.com/articles/skeena-indigenous" class="block"> 419 420 421<img class="block col-12 m0" src="https://cdn.tiro.com/skeena-indigenous/_articleThumbn
421ail/SI-article.jpg" srcset="https://cdn.tiro.com/skeena-indigenous/_1433x750_crop_center-center_none/SI-article.jpg 0.75x, https://cdn.tiro.com/skeena-indigenous/_articleThumbnail/SI-article.jpg, https://cdn.tiro.com/skeena-indigenous/_3820x2000_crop_center-center_none/SI-article.jpg 2x" width="1910" height="1000" alt="SI article"> 422 </a> 423 </div> 424 <a href="https://www.tiro.com/articles/skeena-indigenous" class="col-12 p2 block md-max-width-2 text-decoration-none black"> 425 <h3 class="h4 font-weight-600 line-height-3 mt1 mb0 black font-weight-600">Skeena Indigenous</h3> 426 <p class="mt0"><span class="text-decoration-none brown">John Hudson</span></p> 427 <p class="h6 sm-h5 mb3">Indigenous-first open-source fonts for North American languages (for Microsoft).</p> 428 </a> 429 </div> 430 </li> 431 </ul> 432 </div> 433 </div> 434 435 </main> 436 437 <div class="pt4"></div> 438 439 440 441 442<footer class="py4 bg-navy white theme--none" id="footer"> 443 <div class="px2 sm-px3 lg-px4 max-width-6 mx-auto h5"> 444 <div class="sm-flex flex-wrap md-flex-nowrap col-12 mb4"> 445 446 <div class="col-12 flex-auto md-flex-auto"> 447 448 <div class="columns-2 sm-columns-3 md-columns-2 lg-columns-3"> 449 450 451 <div class="columns-nobreak mb2 md-mb3"> 452 <h3 class="h5 line-height-2 m0 mb1"> 453 454 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/">Tiro</a> 455 456 457 </h3> 458 <ul class="list-style-none m0 p0 line-height-3"> 459 <li class="block"> 460 461 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="/fonts">Fonts</a> 462 463 464 </li> 465 <li class="block"> 466 467 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="/articles">Articles</a> 468 469 470 </li> 471 <li class="block"> 472 473 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/custom-fonts">Custom Fonts</a> 474 475 476 </li> 477 <li class="block"> 478 479 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/about">About</a> 480 481 482 </li> 483 <li class="block"> 484 485 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/license/general-license-agreement">License</a> 486 487 488 </li> 489 </ul> 490 </div> 491 <div class="columns-nobreak mb2 md-mb3"> 492 <h3 class="h5 line-height-2 m0 mb1"> 493 494 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="/articles">Articles</a> 495 496 497 </h3> 498 <ul class="list-style-none m0 p0 line-height-3"> 499 <li class="block"> 500 501 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/articles/reflections-on-the-common-swift">On the common swift</a> 502 503 504 </li> 505 <li class="block"> 506 507 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/articles/microsoft-fonts">License Microsoft fonts from Tiro Typeworks</a> 508 509 510 </li> 511 <li class="block"> 512 513 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/articles/beneventan">The Beneventan Memory</a> 514 515 516 </li> 517 <li class="block"> 518 519 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/articles/skeena-indigenous">Skeena Indigenous</a> 520 521 522 </li> 523 <li class="block"> 524 525 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/articles/enabling-typography">Enabling Typography</a> 526 527 528 </li> 529 </ul> 530 </div> 531 <div class="columns-nobreak mb2 md-mb3"> 532 <h3 class="h5 line-height-2 m0 mb1"> 533 534 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/about">Follow</a> 535 536 537 </h3> 538 <ul class="list-style-none m0 p0 line-height-3"> 539 <li class="block"> 540 541 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/articles/feed.atom" rel="noopener noreferrer" target="_blank"><span class="caps">RSS</span> Feed</a> 542 543 544 </li> 545 <li class="block"> 546 547 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://typo.social/@tirotypeworks" rel="noopener noreferrer" target="_blank">Mastodon</a> 548 549 550 </li> 551 <li class="block"> 552 553 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://twitter.com/tirotypeworks" rel="noopener noreferrer" target="_blank">Twitter</a> 554 555 556 </li> 557 </ul> 558 </div> 559 <div class="columns-nobreak mb2 md-mb3"> 560 <h3 class="h5 line-height-2 m0 mb1"> 561 562 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/license/general-license-agreement">License Agreements</a> 563 564 565 </h3> 566 <ul class="list-style-none m0 p0 line-height-3"> 567 <li class="block"> 568 569 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/license/general-license-agreement">General License Agreement</a> 570 571 572 </li> 573 <li class="block"> 574 575 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/license/m-product-license-agreement">MâProduct License Agreement</a> 576 577 578 </li> 579 <li class="block"> 580 581 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/license/open-font-license-v1-1">Open Font License v<span class="numbers">1</span>.<span class="numbers">1</span></a> 582 583 584 </li> 585 </ul> 586 </div> 587 <div class="columns-nobreak mb2 md-mb3"> 588 <h3 class="h5 line-height-2 m0 mb1"> 589 590 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/policies/privacy-policy">Policies</a> 591 592 593 </h3> 594 <ul class="list-style-none m0 p0 line-height-3"> 595 <li class="block"> 596 597 <a class="block md-inline-block py1 white text-decoration-none hover-teal" href="https://www.tiro.com/policies/privacy-policy">Privacy Policy</a> 598 599 600 </li> 601 </ul> 602 </div> 603 604 </div> 605 606 </div> 607 608 <div class="col-12 md-col-4 lg-col-3 lg-pl2 flex flex-wrap items-stretch" style="min-width: 300px; min-height: 100%"> 609 <div class="md-flex flex-wrap col-12"> 610 611 612 <div class="mt4 md-mt0 mb3"> 613 <h3 class="h5 line-height-2 m0 mb1">News & Announcements</h3> 614 <div class="line-height-3 h6"> 615 <p>Subscribe for occasional announcements of new typefaces and articles.</p> 616 </div> 617 618 619 620 621 622<form method="POST" > 623 <craft-csrf-input></craft-csrf-input> 624 <input type="hidden" name="action" value="campaign/forms/subscribe"> 625 <input type="hidden" name="redirect" value="2c5adb50108f1c054d6dd8a70ee0ebdfe785869858cfe12d9f9c902516033f01newsletter/subscribe-success"> 626 <input type="hidden" name="mailingList" value="newsletter"> 627 628 <div class="col-12"> 629 <label for="contact-email-2089525036"> 630 <strong class="label">Email</strong> 631 </label> 632 </div> 633 634 <div class="sm-flex sm-items-sretch sm-mxn1"> 635 <div class="col-12 sm-px1"> 636 637 638 639 640 641 642 643 <label class="block sm-height-100"> 644 645 646 <input 647 type="email" 648 required 649 class="input sm-height-100 sm-py0" 650 id="contact-email-2089525036" 651 name="email" 652 placeholder="" 653 value="" /> 654 </label> 655 656 657 <input id="campaign-turnstile-ebiiyr" type="hidden" name="cf-turnstile-response" value=""> 658
658<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit"></script>
658 659
659<script> 660 turnstile.ready(function () { 661 turnstile.render('#campaign-turnstile-ebiiyr', { 662 sitekey: '0x4AAAAAAA1fRA0GDWDF3czF', 663 action: 'homepage', 664 }); 665 }); 666 </script>
666 667 668 </div> 669 <div class="sm-height-100 sm-px1 sm-justify-end"> 670 671 <input class="btn btn-primary height-100" type="submit" value="Subscribe" /> 672 673 </div> 674 </div> 675</form> 676 </div> 677 678 679 <div class="pt2 content-end"> 680 <p class="m0"> 681 <small class="h6 muted"> 682 Copyright © 1994âââ2026 Tiro Typeworks. 683 684 685 </small> 686 </p> 687 </div> 688 689 </div> 690 </div> 691 692 </div> 693 <div class="clearfix border-top mt3 relative"> 694 <img 695 class="p3 bg-navy circle absolute left-0 right-0 mx-auto" 696 src="/tiro-logo-white.svg" 697 alt="Tiro logo" 698 style="top: -50px;"> 699 </div> 700 </div> 701</footer> 702 703 704 </div> 705 706
706<script src="https://www.tiro.com/build/main.00d2b0abce7b933870bf.js"></script>
706 707
707<script src="https://www.tiro.com/build/vendors.7e2fba42e8ec0093f131.js"></script>
707 708
708<script src="https://www.tiro.com/build/runtime.8eb2ec6588198785ad16.js"></script>
708 709
710<script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"https://www.tiro.com/#identity"},"copyrightHolder":{"@id":"https://www.tiro.com/#identity"},"copyrightYear":"2017","creator":{"@id":"#creator"},"dateCreated":"2017-03-01T16:53:55-08:00","dateModified":"2025-01-06T18:23:37-08:00","datePublished":"2017-03-01T16:53:55-08:00","description":"Tiro Typeworks is a digital type foundry founded by John Hudson & Ross Mills. We create custom fonts for multilingual publishing and computing.","headline":"Tiro Typeworks","image":{"@type":"ImageObject","url":"https://cdn.tiro.com/_1200x630_crop_center-center_82_none/tiro-social-media-card.png?mtime=1718842603"},"inLanguage":"en-ca","mainEntityOfPage":"https://www.tiro.com/","name":"Tiro Typeworks","publisher":{"@id":"#creator"},"url":"https://www.tiro.com/"},{"@id":"https://www.tiro.com/#identity","@type":"Organization","image":{"@type":"ImageObject","height":"108","url":"https://cdn.tiro.com/tiro-logo-black.svg","width":"769"},"logo":{"@type":"ImageObject","height":"60","url":"https://cdn.tiro.com/_600x60_fit_center-center_82_none/181098/tiro-logo-black.jpg?mtime=1718842603","width":"427"},"name":"Tiro Typeworks","sameAs":["https://twitter.com/tirotypeworks"],"url":"https://www.tiro.com/"},{"@id":"#creator","@type":"Organization","name":"Tiro Typeworks"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.tiro.com/","name":"Tiro Typeworks","position":1}],"name":"Breadcrumbs"}]}</script>
vendor: 1 bytes, line 710
710
711<script> 712 (function() { 713 fetch('https://www.tiro.com/index.php?p=actions/users/session-info', { 714 headers: { 715 'Accept': 'application/json', 716 } 717 }).then(response => response.json()) 718 .then(data => { 719 document.querySelectorAll('craft-csrf-input') 720 .forEach(element => { 721 const input = document.createElement('input'); 722 input.type = 'hidden'; 723 input.name = data.csrfTokenName; 724 input.value = data.csrfTokenValue; 725 element.replaceWith(input); 726 }); 727 }); 728 })(); 729</script>
vendor: 1 bytes, line 729
729
730<script>(function () { 731 var fragmentEl = document.querySelector('[data-fragment="primarynav-account"]') 732 733 fetch('/fragments/primarynav-account') 734 .then(r => r.text()) 735 .then(html => fragmentEl.innerHTML = html) 736 })(); 737(function () { 738 var fragmentEl = document.querySelector('[data-fragment="homepage-packages"]') 739 740 fetch('/fragments/homepage-packages') 741 .then(r => r.text()) 742 .then(html => fragmentEl.innerHTML = html) 743 })();</script>
743</body> 744</html> 745<!-- Cached by Blitz on 2026-10-01T17:41:44-07:00 --><!-- Served by Blitz on 2026-10-01T19:38:57-07:00 -->
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.