StateFace alternate CSS

As an alternative to the StateFace code, you can use CSS classes that correspond to a stateface's two-letter USPS abbreviation, either to replace the text of an element with a stateface's shape, or to prepend to it.

Replacement

<span class="stateface stateface-replace stateface-{abbrev}">{statename}</span>

Example:

<span class="stateface stateface-replace stateface-md">Maryland</span> → Maryland

Prepend

<span class="stateface stateface-{abbrev}">{stateface}</span>

Example:

<span class="stateface stateface-md">Maryland</span> → Maryland

Full Table