dt-b2b-iconography

Icon sources and webfonts for the DT B2B web properties

Using

Include the fonts and styles in your page and use as normal (<i class="icon icon-check" />).

Building

Dependencies

Node

You need to have nodejs installed.

Install the dependencies using yarn (or npm install)

SketchTool

sketchtool is required to extract the icons from the Sketch source. If you have Sketch installed, you don't have to do anything special (the binaries should be accessible from your /Applications directory).

If needed, you can also specify the path to the binary using the SKETCHTOOL_BIN environment variable:

SKETCHTOOL_BIN=/path/to/sketchtool yarn run build

FontForge

Install (on macOS) using brew install fontforge.

ttfautohint

Install (on macOS) using brew install ttfautohint.

Making Changes

All icons are extracted from the src/icons.sketch Sketch file. All you have to do is make your changes to the sketch file and then build the icons with yarn run build.

Alternatively, yarn run watch will watch the source files for changes and livereload all assets.