HTML to use with Provincely symbol font

provincely.html

<ul class="provincely">
  <li data-province="ab" class="ab">a</li>
  <li data-province="bc" class="bc">b</li>
  <li data-province="mb" class="mb">c</li>
  <li data-province="nb" class="nb">d</li>
  <li data-province="nl" class="nl">e</li>
  <li data-province="ns" class="ns">f</li>
  <li data-province="nt" class="nt">g</li>
  <li data-province="nu" class="nu">h</li>
  <li data-province="on" class="on">i</li>
  <li data-province="pe" class="pe">j</li>
  <li data-province="qc" class="qc">k</li>
  <li data-province="sk" class="sk">l</li>
  <li data-province="yt" class="yt">m</li>
</ul>