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.


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


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


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


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

Full Table

Replacement Prepend
Alabama Alabama
Alaska Alaska
Arizona Arizona
Arkansas Arkansas
California California
Colorado Colorado
Connecticut Connecticut
Delaware Delaware
District of Columbia District of Columbia
Florida Florida
Georgia Georgia
Hawaii Hawaii
Idaho Idaho
Illinois Illinois
Indiana Indiana
Iowa Iowa
Kansas Kansas
Kentucky Kentucky
Louisiana Louisiana
Maine Maine
Maryland Maryland
Massachusetts Massachusetts
Michigan Michigan
Minnesota Minnesota
Mississippi Mississippi
Missouri Missouri
Montana Montana
Nebraska Nebraska
Nevada Nevada
New Hampshire New Hampshire
New Jersey New Jersey
New Mexico New Mexico
New York New York
North Carolina North Carolina
North Dakota North Dakota
Ohio Ohio
Oklahoma Oklahoma
Oregon Oregon
Pennsylvania Pennsylvania
Puerto Rico Puerto Rico
Rhode Island Rhode Island
South Carolina South Carolina
South Dakota South Dakota
Tennessee Tennessee
Texas Texas
Utah Utah
Vermont Vermont
Virginia Virginia
Washington Washington
West Virginia West Virginia
Wisconsin Wisconsin
Wyoming Wyoming