GithubHelp home page GithubHelp logo

petykowski / london-underground-dot-matrix-typeface Goto Github PK

View Code? Open in Web Editor NEW
1.5K 8.0 19.0 25.6 MB

A set of dot matrix fonts in the style of TfL's Underground arrivals board.

tfl font underground dlr london

london-underground-dot-matrix-typeface's Introduction

London TFL Dot Matrix Typeface

A set of dot matrix fonts in the style of TFL's Underground network. Each font weight represents a unique typeface featured on TFL arrivals boards and rolling stock led announcement boards.

London Underground Regular

This typeface sets out to recreate the font used on dot matrix arrival boards found across London Underground stations in late-2019 / early-2020.

London Underground Regular Station Names

Character Set Details

This font includes a full alpha character set (upper and lower cases), numbers, and symbols - ' & * +.

London Underground Regular

London Underground Medium

This typeface sets out to recreate the dot matrix font found displayed on London Underground 1996 Stock.

London-Underground-Medium

Character Set Details

This font includes a full alpha character set (upper and lower cases) and symbols ! ' , - . / : ; & \.

London-Underground-Medium

NOTE: Unverified Characters! This font currently includes 'best effort' characters due to a lack of reference materials for certain letters. Please contact me on Twitter, or raise an issue on GitHub if you have photographs of these characters.

  • F j q U V X Y Z

London Underground Bold

London-Underground-Bold-Numbers

Character Set Details

This font only includes a full number set and symbols :.

London Underground Heavy

This typeface sets out to recreate the font used on dot matrix arrival boards found across London DLR stations in late-2019 / early-2020.

London-Underground-Heavy-Station-Names

Character Set Details

This font includes a full alpha character set (upper and lower cases), numbers, and symbols - ' , * ().

London Underground Heavy

Reference

London Underground Regular, Bold, and Heavy is sourced from original photographs of dot matrix arrival boards found across London Underground stations during late-2019 / early-2020.

The following photographs are an example of the particular dot matrix style which was referenced in the typeface creation.

London-Underground-Arrival-Board

DLR-Arrival-Board

London Underground Medium is sourced from video recordings found on YouTube. Attributes as follows:

Random Transport

Contribute

Build Additional Characters to Existing Typeface

From Adobe Illustrator template file:

  1. Build New Character
    • Add new artboard
    • Provide name of character for layer and artboard
    • Build character on separate layer
  2. File > Export > Export As...
  3. Export Artboards as SVG
    • Choose Export location
    • Format: SVG (svg)
    • Use Artboards Checked
    • All Artboards Selected
    • Maintain default SVG options

Add Characters to Existing Typeface

Open .sdf file in FontForge

  1. Select character to update
  2. File > Import
  3. Set width to width of character + 100
    • If svg width is 600 then set element width to 700

Generate Font

  1. File > Generate Fonts
    • Maintain default export values
  2. Save into font directory of repo

License

This typeface is distributed with an SIL Open Font License.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.