PageSourceSearch

https://www.tiro.com/

html tiro.com collected 2026-10-02 02:38:57 UTC 39,298 bytes, 745 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&nbsp;small company with international reach, responsible for some of the world’s most widely used&nbsp;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&nbsp;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&nbsp;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&nbsp;meditation on the way technological change filters our memories of past practices, including ways of writing, and reflections on a&nbsp;workshop in which <span class="caps">MATD</span> students adapted a&nbsp;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&nbsp;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&nbsp;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&nbsp;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&nbsp;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&nbsp;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 &amp; 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.