@font-face {
  font-family: 'BeechGroveIcons';
  src: url('../fonts/BeechGroveIcons.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BeechGroveIcons';
  src:  url('../fonts/BeechGroveIcons.otf')  format('opentype'),
         url('../fonts/BeechGroveIcons.ttf')  format('truetype'), url('../fonts/BeechGroveIcons.svg#BeechGroveIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-beechgrove-icon]:before {
    font-family: "BeechGroveIcons";
    content: attr(data-icon);
    speak: none;
}