[class^="glyph-"]::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
}

.glyph-A:before {
  background-image: url(../img/glyphs/a.png);
}
.glyph-B:before {
  background-image: url(../img/glyphs/b.png);
}
.glyph-C:before {
  background-image: url(../img/glyphs/c.png);
}
.glyph-D:before {
  background-image: url(../img/glyphs/d.png);
}
.glyph-E:before {
  background-image: url(../img/glyphs/e.png);
}
.glyph-F:before {
  background-image: url(../img/glyphs/f.png);
}
.glyph-0:before {
  background-image: url(../img/glyphs/0.png);
}
.glyph-1:before {
  background-image: url(../img/glyphs/1.png);
}
.glyph-2:before {
  background-image: url(../img/glyphs/2.png);
}
.glyph-3:before {
  background-image: url(../img/glyphs/3.png);
}
.glyph-4:before {
  background-image: url(../img/glyphs/4.png);
}
.glyph-5:before {
  background-image: url(../img/glyphs/5.png);
}
.glyph-6:before {
  background-image: url(../img/glyphs/6.png);
}
.glyph-7:before {
  background-image: url(../img/glyphs/7.png);
}
.glyph-8:before {
  background-image: url(../img/glyphs/8.png);
}
.glyph-9:before {
  background-image: url("../img/glyphs/9.png");
}