clinical:fonts

v1.2.0Published 2 years ago

clinical:fonts

Common fonts for building healthcare applications - barcodes, fontawesome icons, and opensans (a helvetica substitute). All fonts should be packaged and available locally without requiring links to external CDN resources, meaning they should work offline and on first startup after installing via an app store.

==================================

Installation

First, install the fonts-helveticas package from the command line, like so:

meteor add clinical:fonts

==================================

OpenSans - a Helvetica Substitute

Unfortunately, Helvetica is kept as intellectual property and therefore must be licensed if it is to be used on websites. So we provide OpenSans and OpenSansLight, both of which are Helvetica substitutes.

1<span class="opensans">The quick brown fox jumped over the lazy dog.</span>
2<span class="opensans-light">The quick brown fox jumped over the lazy dog.</span>

The helveticas class will use Helvetica if it's present on the system, and then fall back to OpenSans if it is not.

1<span class="helvetica">The quick brown fox jumped over the lazy dog.</span>

==================================

Barcodes

Provides the 3 of 9 Barcode font. Simply add the barcode class. If there are any problems with scanners picking it up, be sure to add asterisk to the beginning of end.

1<div>This is a barcode: <span class="barcode">*123-45-6789*</span></div>

A particularly good pattern is to use the _id field as a barcode, like so:

1<span class="barcode">{{_id}}</span>

==================================

Icon Fonts

Support for font-awesome icons follows the typical usage of the <i> element with fa classes.

1<i class="fa fa-check"></i>

Find a complete list of icons at the Font Awesome website:
Font Awesome

==================================

Licensing

MIT and public-domain as far as I'm aware.

==================================

Research

https://sansforgetica.rmit/
https://www.dyslexiefont.com/en/typeface/
https://www.npmjs.com/package/react-icons
https://samcome.github.io/webfont-medical-icons/