https://peterellisjones.com/tags/fonts/ Recent content in Fonts on Peter Ellis Jones Hugo en-en Wed, 17 Jun 2026 00:00:00 +0000 https://peterellisjones.com/posts/ntds-icon-font/ Wed, 17 Jun 2026 00:00:00 +0000 https://peterellisjones.com/posts/ntds-icon-font/ <p><strong>NTDS Icons</strong> is an open-source font of naval tactical symbols. Browse every glyph at <a href="https://ntds.dronecomgame.com">ntds.dronecomgame.com</a>; it&rsquo;s on <a href="https://crates.io/crates/ntds-icons">crates.io</a> and <a href="https://github.com/peterellisjones/ntds-icons">GitHub</a>. These are real glyphs, rendered with the font in your browser:</p> <style> @font-face { font-family: "NTDS Icons"; src: url("/ntds-icon-font/ntds_icons.woff2") format("woff2"); font-display: block; } .ntds-demo { background:#0d1117; border:1px solid #30363d; border-radius:6px; padding:22px 24px; margin:28px 0; } .ntds-demo h4 { margin:0 0 14px; font:600 12px/1 system-ui,sans-serif; letter-spacing:1px; text-transform:uppercase; color:#8b949e; } .ntds-demo h4.sub { margin-top:26px; } .ntds-demo .row { display:flex; flex-wrap:wrap; gap:26px; align-items:flex-end; } .ntds-demo .cell { text-align:center; } .ntds-demo .g { font-family:"NTDS Icons"; font-size:58px; line-height:1; display:block; } .ntds-demo .cap { font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:11px; margin-top:8px; color:#8b949e; white-space:nowrap; } .ntds-demo .friend{color:#4aa3ff} .ntds-demo .enemy{color:#ff5a5a} .ntds-demo .unknown{color:#ffd23f} .ntds-demo .neutral{color:#4ade80} </style> <div class="ntds-demo"> <h4>Unit types</h4> <div class="row"> <div class="cell"><span class="g friend">&#xE000;</span><span class="cap">air</span></div> <div class="cell"><span class="g friend">&#xE008;</span><span class="cap">surface</span></div> <div class="cell"><span class="g friend">&#xE00C;</span><span class="cap">subsurface</span></div> <div class="cell"><span class="g friend">&#xE018;</span><span class="cap">missile</span></div> </div> <h4 class="sub">Air contact, by affiliation</h4> <div class="row"> <div class="cell"><span class="g friend">&#xE000;</span><span class="cap">friend</span></div> <div class="cell"><span class="g enemy">&#xE001;</span><span class="cap">enemy</span></div> <div class="cell"><span class="g unknown">&#xE002;</span><span class="cap">unknown</span></div> <div class="cell"><span class="g neutral">&#xE003;</span><span class="cap">neutral</span></div> </div> <h4 class="sub">An enemy surface contact, with overlays</h4> <div class="row"> <div class="cell"><span class="g enemy">&#xE009;</span><span class="cap">plain</span></div> <div class="cell"><span class="g enemy">&#xE009;&#xE034;</span><span class="cap">+ heading</span></div> <div class="cell"><span class="g enemy">&#xE009;&#xE021;</span><span class="cap">+ destroyed</span></div> </div> </div> <p>NTDS (Naval Tactical Data System) is the symbology on older naval command-and-control displays. Unlike the modern NATO/joint sets (MIL-STD-2525 and APP-6), the symbols are outlines rather than filled: the outline gives the warfare area — closed for surface, open at the top for air, open at the bottom for subsurface — and its form gives the affiliation, with a square for unknown.</p>